4

我正在使用NSAttributedString'drawInRect(rect: CGRect)方法显示可能包含表情符号的文本。因为我想检测文本上的点击,所以我使用以下方法来查看哪个字符被点击:

let textStorage = NSTextStorage(attributedString: attributedString)
let layoutManager = NSLayoutManager()
layoutManager.usesFontLeading = true
textStorage.addLayoutManager(layoutManager)

let textContainer = NSTextContainer(size: containerSize)
layoutManager.addTextContainer(textContainer)

textContainer.lineFragmentPadding = 0.0

layoutManager.ensureLayoutForTextContainer(textContainer)

let tappedIndex = layoutManager.characterIndexForPoint(point, 
        inTextContainer: textContainer, 
        fractionOfDistanceBetweenInsertionPoints: nil)

这给出了我可以使用的正确索引,直到我开始向文本添加表情符号。一旦添加了表情符号,检测就会开始出现偏移。这使我查看了我正在寻找的字形的边界矩形。我注意到表情符号的边界矩形太大了。我设置了以下测试用例来检查差异:

let emojiText = ""
let font = UIFont.systemFontOfSize(20.0)
let containerSize = CGSize(width: 300.0, height: 20000.0)

let attributedString = NSAttributedString(string: emojiText, attributes: [NSFontAttributeName: font])

let textStorage = NSTextStorage(attributedString: attributedString)
let layoutManager = NSLayoutManager()
layoutManager.usesFontLeading = true
textStorage.addLayoutManager(layoutManager)

let textContainer = NSTextContainer(size: containerSize)
layoutManager.addTextContainer(textContainer)
textContainer.lineFragmentPadding = 0.0

layoutManager.ensureLayoutForTextContainer(textContainer)

let glyphRect = layoutManager.boundingRectForGlyphRange(NSRange(location: 0, length: attributedString.length), inTextContainer: textContainer)
let boundingRect = attributedString.boundingRectWithSize(containerSize, options:[.UsesLineFragmentOrigin, .UsesFontLeading], context: nil)

执行此代码会产生以下结果CGRect

glyphRect = (0.0, 0.0, 23.0, 28.875)
boundingRect = (0.0, 0.0, 23.0, 23.8671875)

这意味着这两种方法给出了两种完全不同的尺寸!这不会是一个问题,但是“偏移”会堆叠更多行。

堆叠偏移示例

我为给我的角色设置了紫色背景characterIndexForPoint,给出boundingRectForGlyphRange了绿色轮廓的矩形,黄点是实际的敲击位置。请注意,绿色矩形与不同的字符很好地对齐,但是,这并没有任何指示,因为它恰好在这种特定情况下很好地对齐。

我是否忽略了一些明显的东西,或者这是 iOS 中的一个问题?

4

1 回答 1

1

我已经解决了这个问题。看起来与NSAttributedString.drawInRect绘制不同CoreText。我现在使用以下代码来绘制文本drawRect

let totalRange = layoutManager.glyphRangeForTextContainer(textContainer)

layoutManager.drawBackgroundForGlyphRange(range, atPoint: CGPointZero)
layoutManager.drawGlyphsForGlyphRange(range, atPoint: CGPointZero)
于 2016-07-28T14:45:06.843 回答