Як знайти CGRect для підрядка тексту в UILabel?

Question 1

Для певного NSRangeя хотів би знайти a CGRectв, UILabelякий відповідає гліфам цього NSRange. Наприклад, я хотів би знайти те, CGRectщо містить слово "собака" у реченні "Швидка коричнева лисиця стрибає над ледачою собакою".

Візуальний опис проблеми

Хитрість полягає в тому, що у UILabelє кілька рядків, а текст справді є attributedText, тож знайти точне положення рядка трохи важко.

Метод, який я хотів би написати у своєму UILabelпідкласі, виглядав би приблизно так:

 - (CGRect)rectForSubstringWithRange:(NSRange)range;

Деталі для тих, хто цікавиться:

Моя мета - це можливість створити новий UILabel з точним виглядом і положенням UILabel, який я зможу потім анімувати. Решта я зрозумів, але саме цей крок зараз мене стримує.

Що я зробив, щоб вирішити проблему дотепер:

Я сподівався , що з прошивкою 7, НЕ було б трохи тексту Kit , який дозволить вирішити цю проблему, але майже кожен приклад , який я бачив з Text Kit фокусується на UITextViewі UITextField, а не UILabel.
Я бачив тут ще одне запитання щодо переповнення стека, яке обіцяє вирішити проблему, але прийнята відповідь старша за два роки, і код погано працює з атрибутивним текстом.

Б'юся об заклад, що правильна відповідь на це передбачає одне з наступного:

Використання стандартного методу Text Kit для вирішення цієї проблеми в одному рядку коду. Б'юся об заклад, що це буде включати NSLayoutManagerіtextContainerForGlyphAtIndex:effectiveRange
Написання складного методу, який розбиває UILabel на рядки і знаходить прямокутник гліфа всередині рядка, ймовірно, використовуючи методи основного тексту. На сьогоднішній день найкращим чином я розбираю чудовий TTTAttributedLabel @ mattt , який має метод, який знаходить гліф у певній точці - якщо я інвертую це, і знаходжу точку для гліфа, це може спрацювати.

Оновлення: Ось суть github із трьома речами, які я намагався вирішити цю проблему: https://gist.github.com/bryanjclark/7036101

Question 2

Після відповіді Джошуа в коді я придумав наступне, що, здається, працює добре:

- (CGRect)boundingRectForCharacterRange:(NSRange)range
{
    NSTextStorage *textStorage = [[NSTextStorage alloc] initWithAttributedString:[self attributedText]];
    NSLayoutManager *layoutManager = [[NSLayoutManager alloc] init];
    [textStorage addLayoutManager:layoutManager];
    NSTextContainer *textContainer = [[NSTextContainer alloc] initWithSize:[self bounds].size];
    textContainer.lineFragmentPadding = 0;
    [layoutManager addTextContainer:textContainer];

    NSRange glyphRange;

    // Convert the range for glyphs.
    [layoutManager characterRangeForGlyphRange:range actualGlyphRange:&glyphRange];

    return [layoutManager boundingRectForGlyphRange:glyphRange inTextContainer:textContainer];
}

Question 3

Спираючись на відповідь Люка Роджерса, але написаний швидко:

Стрімкий 2

extension UILabel {
    func boundingRectForCharacterRange(_ range: NSRange) -> CGRect? {

        guard let attributedText = attributedText else { return nil }

        let textStorage = NSTextStorage(attributedString: attributedText)
        let layoutManager = NSLayoutManager()

        textStorage.addLayoutManager(layoutManager)

        let textContainer = NSTextContainer(size: bounds.size)
        textContainer.lineFragmentPadding = 0.0

        layoutManager.addTextContainer(textContainer)

        var glyphRange = NSRange()

        // Convert the range for glyphs.
        layoutManager.characterRangeForGlyphRange(range, actualGlyphRange: &glyphRange)

        return layoutManager.boundingRectForGlyphRange(glyphRange, inTextContainer: textContainer)        
    }
}

Приклад використання (Swift 2)

let label = UILabel()
let text = "aa bb cc"
label.attributedText = NSAttributedString(string: text)
let sublayer = CALayer()
sublayer.borderWidth = 1
sublayer.frame = label.boundingRectForCharacterRange(NSRange(text.range(of: "bb")!, in: text))
label.layer.addSublayer(sublayer)

Стрім 3/4

extension UILabel {
    func boundingRect(forCharacterRange range: NSRange) -> CGRect? {

        guard let attributedText = attributedText else { return nil }

        let textStorage = NSTextStorage(attributedString: attributedText)
        let layoutManager = NSLayoutManager()

        textStorage.addLayoutManager(layoutManager)

        let textContainer = NSTextContainer(size: bounds.size)
        textContainer.lineFragmentPadding = 0.0

        layoutManager.addTextContainer(textContainer)

        var glyphRange = NSRange()

        // Convert the range for glyphs.
        layoutManager.characterRange(forGlyphRange: range, actualGlyphRange: &glyphRange)

        return layoutManager.boundingRect(forGlyphRange: glyphRange, in: textContainer)       
    }
}

Приклад використання (Swift 3/4)

let label = UILabel()
let text = "aa bb cc"
label.attributedText = NSAttributedString(string: text)
let sublayer = CALayer()
sublayer.borderWidth = 1
sublayer.frame = label.boundingRect(forCharacterRange: NSRange(text.range(of: "bb")!, in: text))
label.layer.addSublayer(sublayer)

Question 4

Моя пропозиція полягала б у використанні Text Kit. На жаль, ми не маємо доступу до менеджера макета, який aUILabel використовує однак, можливо, можна створити його копію та використовувати його, щоб отримати прямокутник для діапазону.

Моя пропозиція полягала б у створенні NSTextStorageоб’єкта, що містить точно той самий атрибутивний текст, що й у вашій мітці. Далі створіть NSLayoutManagerі додайте його до об’єкта зберігання тексту. Нарешті створіть файл NSTextContainerтакого ж розміру, що і мітка, і додайте його до менеджера макета.

Тепер сховище тексту має той самий текст, що і мітка, а текстовий контейнер має той самий розмір, що і мітка, тому ми повинні мати можливість попросити менеджер макета, який ми створили, про рект для нашого діапазону boundingRectForGlyphRange:inTextContainer:. Переконайтеся, що спочатку перетворили діапазон символів на діапазон гліфів, використовуючи glyphRangeForCharacterRange:actualCharacterRange:об’єкт менеджера макета.

Все добре, що повинно дати вам обмеження CGRect діапазону, який ви вказали в етикетці.

Я не тестував цього, але це був би мій підхід, і імітуючи те, як UILabelпрацює саме, має мати великі шанси на успіх.

Question 5

швидке рішення 4, буде працювати навіть для багаторядкових рядків, межі замінені на intrinsicContentSize

extension UILabel {
func boundingRectForCharacterRange(range: NSRange) -> CGRect? {

    guard let attributedText = attributedText else { return nil }

    let textStorage = NSTextStorage(attributedString: attributedText)
    let layoutManager = NSLayoutManager()

    textStorage.addLayoutManager(layoutManager)

    let textContainer = NSTextContainer(size: intrinsicContentSize)

    textContainer.lineFragmentPadding = 0.0

    layoutManager.addTextContainer(textContainer)

    var glyphRange = NSRange()

    layoutManager.characterRange(forGlyphRange: range, actualGlyphRange: &glyphRange)

    return layoutManager.boundingRect(forGlyphRange: glyphRange, in: textContainer)
}
}

Question 6

Чи можете ви замість цього покласти свій клас на UITextView? Якщо так, перевірте методи протоколу UiTextInput. Дивіться, зокрема, геометрію та методи відпочинку.

Question 7

Правильна відповідь - ви насправді не можете. Більшість рішень тут намагаються відтворитиUILabel внутрішню поведінку з різною точністю. Так трапляється, що в останніх версіях iOSUILabelвідображає текст за допомогою фреймворків TextKit / CoreText. У попередніх версіях він фактично використовував WebKit під капотом. Хто знає, чим він буде користуватися в майбутньому. Відтворення за допомогою TextKit має очевидні проблеми навіть зараз (не кажучи вже про рішення, що захищають майбутнє). Ми не зовсім знаємо (або не можемо гарантувати), як насправді виконуються макет тексту та візуалізація, тобто які параметри використовуються - просто подивіться на всі згадані випадки ребер. Деякі рішення можуть "випадково" працювати для вас у деяких простих випадках, які ви перевірили - це не гарантує нічого навіть у поточній версії iOS. Візуалізація тексту важка, не починайте мене на підтримці RTL, Dynamic Type, смайликах тощо.

Якщо вам потрібне належне рішення, просто не використовуйте UILabel. Це простий компонент, і той факт, що його внутрішні елементи TextKit не виставляються в API, є чітким свідченням того, що Apple не хоче, щоб розробники створювали рішення, спираючись на цю деталь реалізації.

Ви також можете використовувати UITextView. Він зручно виставляє внутрішні елементи TextKit і дуже налаштовується, тому ви можете досягти майже всього UILabel, що добре.

Ви також можете просто перейти на нижчий рівень і використовувати TextKit безпосередньо (або навіть нижче з CoreText). Швидше за все, якщо вам дійсно потрібно знайти текстові позиції, незабаром вам можуть знадобитися інші потужні інструменти, доступні в цих рамках. Спочатку їх досить важко використовувати, але я відчуваю, що більша частина складності пов’язана з тим, що насправді вивчають, як працює розмітка та рендеринг тексту - і це дуже доречна та корисна навичка. Ознайомившись із чудовими текстовими рамками Apple, ви відчуєте можливість робити набагато більше з текстом.

Question 8

Для тих, хто шукає plain textрозширення!

extension UILabel {    
    func boundingRectForCharacterRange(range: NSRange) -> CGRect? {
        guard let text = text else { return nil }

        let textStorage = NSTextStorage.init(string: text)
        let layoutManager = NSLayoutManager()

        textStorage.addLayoutManager(layoutManager)

        let textContainer = NSTextContainer(size: bounds.size)
        textContainer.lineFragmentPadding = 0.0

        layoutManager.addTextContainer(textContainer)

        var glyphRange = NSRange()

        // Convert the range for glyphs.
        layoutManager.characterRange(forGlyphRange: range, actualGlyphRange: &glyphRange)

        return layoutManager.boundingRect(forGlyphRange: glyphRange, in: textContainer)
    }
}

_{PS Оновлений відповідь локшини з Death`s відповіді .}

Question 9

Інший спосіб зробити це, якщо у вас увімкнено автоматичне регулювання розміру шрифту, буде таким:

let stringLength: Int = countElements(self.attributedText!.string)
let substring = (self.attributedText!.string as NSString).substringWithRange(substringRange)

//First, confirm that the range is within the size of the attributed label
if (substringRange.location + substringRange.length  > stringLength)
{
    return CGRectZero
}

//Second, get the rect of the label as a whole.
let textRect: CGRect = self.textRectForBounds(self.bounds, limitedToNumberOfLines: self.numberOfLines)

let path: CGMutablePathRef = CGPathCreateMutable()
CGPathAddRect(path, nil, textRect)
let framesetter = CTFramesetterCreateWithAttributedString(self.attributedText)
let tempFrame: CTFrameRef = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, stringLength), path, nil)
if (CFArrayGetCount(CTFrameGetLines(tempFrame)) == 0)
{
    return CGRectZero
}

let lines: CFArrayRef = CTFrameGetLines(tempFrame)
let numberOfLines: Int = self.numberOfLines > 0 ? min(self.numberOfLines, CFArrayGetCount(lines)) :  CFArrayGetCount(lines)
if (numberOfLines == 0)
{
    return CGRectZero
}

var returnRect: CGRect = CGRectZero

let nsLinesArray: NSArray = CTFrameGetLines(tempFrame) // Use NSArray to bridge to Array
let ctLinesArray = nsLinesArray as Array
var lineOriginsArray = [CGPoint](count:ctLinesArray.count, repeatedValue: CGPointZero)

CTFrameGetLineOrigins(tempFrame, CFRangeMake(0, numberOfLines), &lineOriginsArray)

for (var lineIndex: CFIndex = 0; lineIndex < numberOfLines; lineIndex++)
{
    let lineOrigin: CGPoint = lineOriginsArray[lineIndex]
    let line: CTLineRef = unsafeBitCast(CFArrayGetValueAtIndex(lines, lineIndex), CTLineRef.self) //CFArrayGetValueAtIndex(lines, lineIndex) 
    let lineRange: CFRange = CTLineGetStringRange(line)

    if ((lineRange.location <= substringRange.location) && (lineRange.location + lineRange.length >= substringRange.location + substringRange.length))
    {
        var charIndex: CFIndex = substringRange.location - lineRange.location; // That's the relative location of the line
        var secondary: CGFloat = 0.0
        let xOffset: CGFloat = CTLineGetOffsetForStringIndex(line, charIndex, &secondary);

        // Get bounding information of line

        var ascent: CGFloat = 0.0
        var descent: CGFloat = 0.0
        var leading: CGFloat = 0.0

        let width: Double = CTLineGetTypographicBounds(line, &ascent, &descent, &leading)
        let yMin: CGFloat = floor(lineOrigin.y - descent);
        let yMax: CGFloat = ceil(lineOrigin.y + ascent);

        let yOffset: CGFloat = ((yMax - yMin) * CGFloat(lineIndex))

        returnRect = (substring as NSString).boundingRect(with: CGSize(width: Double.greatestFiniteMagnitude, height: Double.greatestFiniteMagnitude), options: .usesLineFragmentOrigin, attributes: [.font: self.font ?? UIFont.systemFont(ofSize: 1)], context: nil)
        returnRect.origin.x = xOffset + self.frame.origin.x
        returnRect.origin.y = yOffset + self.frame.origin.y + ((self.frame.size.height - textRect.size.height) / 2)

        break
    }
}

return returnRect