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)

Выполнение этого кода привело к следующему CGRects:

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)
Другие вопросы по тегам