NSLayoutManager, boundingRectForGlyphRange и emoji
Я отображаю текст, который может содержать смайлики, используя NSAttributedString
"s 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
s:
glyphRect = (0.0, 0.0, 23.0, 28.875)
boundingRect = (0.0, 0.0, 23.0, 23.8671875)
Это означает, что эти два метода дают два совершенно разных размера! Это не будет проблемой, но "смещение" складывается с большим количеством строк.
Я установил фиолетовый фон для персонажа characterIndexForPoint
дал мне, дал прямоугольник boundingRectForGlyphRange
зелёный контур и жёлтая точка - это фактическое местонахождение. Обратите внимание, что зеленый прямоугольник хорошо совпадает с другим символом, однако это не является признаком, так как в данном конкретном случае это просто происходит правильно.
Я пропускаю что-то очевидное или это проблема в iOS?
1 ответ
Я решил проблему. Похоже, что NSAttributedString.drawInRect
рисует иначе CoreText
, Теперь я использую следующий код, чтобы нарисовать текст в drawRect
:
let totalRange = layoutManager.glyphRangeForTextContainer(textContainer)
layoutManager.drawBackgroundForGlyphRange(range, atPoint: CGPointZero)
layoutManager.drawGlyphsForGlyphRange(range, atPoint: CGPointZero)