Добавить подсветку / фон только к тексту, используя Swift

Question

Я хочу выделить или добавить фон только для текста на метке, которая не выровнена по центру.

Я уже пробовал атрибутные строки (https://stackoverflow.com/a/38069772/676822) и использовал регулярное выражение, но не сделалнайти хорошее решение. NSAttributedString не будет работать, потому что моя метка не центрирована и не содержит разрывов строк. Это просто длинный текст, который занимает несколько строк.

Это то, что я пытаюсьвыполнить:

Примечание: это не «евангелизация \ nDesign \ nThinking», а «евангелизация дизайна»

Спасибо!

Answer 1

Насколько я пытался, невозможно получить то, что вы хотите, просто с помощью атрибутивного текста, потому что с помощью:

let attributedText = NSMutableAttributedString(string: "Evangelizing Desing Thinking",
    attributes: [
        .font: UIFont.systemFont(ofSize: 14),
        .bacgroundColor: UIColor.gray
    ]
)

добавит дополнительный серый фон в конце каждой строки.Мой предыдущий ответ не был хорош ни потому, что он добавляет только серый фон к каждому слову, но не к пробелам, и, как заметил @Alladinian, диапазоны могут быть неправильными в некоторых случаях.то, что ты хочешь.Он использует несколько меток, но его можно легко улучшить, поместив метки в собственное представление.Итак, в вашей функции viewDidLoad / CustomView добавьте:

    // Maximum desired width for your text
    let maxLabelWidth: CGFloat = 80
    // Font you used
    let font = UIFont.systemFont(ofSize: 14)
    // Your text
    let text = "Eva ngel izing Des ing a Thin king"
    // Width of a space character
    let spaceWidth = NSString(string: " ").size(withAttributes: [NSAttributedString.Key.font: font]).width

    // Width of a row
    var currentRowWidth: CGFloat = 0
    // Content of a row
    var currentRow = ""
    // Previous label added (we keep it to add constraint betweeen labels)
    var prevLabel: UILabel?

    let subStrings = text.split(separator: " ")
    for subString in subStrings {
        let currentWord = String(subString)
        let nsCurrentWord = NSString(string: currentWord)
        // Width of the new word
        let currentWordWidth = nsCurrentWord.size(withAttributes: [NSAttributedString.Key.font: font]).width
        // Width of the row if you add a new word
        let currentWidth = currentRow.count == 0 ? currentWordWidth : currentWordWidth + spaceWidth + currentRowWidth

        if currentWidth <= maxLabelWidth { // The word can be added in the current row
            currentRowWidth = currentWidth
            currentRow += currentRow.count == 0 ? currentWord : " " + currentWord
        } else { // Its not possible to add a new word in the current row, we create a label with the current row content
            prevLabel = generateLabel(with: currentRow,
                                      font: font,
                                      prevLabel: prevLabel)
            currentRowWidth = currentWordWidth
            currentRow = currentWord
        }
    }

    // Dont forget to add the last row
    generateLabel(with: currentRow,
                  font: font,
                  prevLabel: prevLabel)

Затем вам нужно создать функцию generateLabel:

@discardableResult func generateLabel(with text: String,
                                      font: UIFont,
                                      prevLabel: UILabel?) -> UILabel {
    let leftPadding: CGFloat = 50 // Left padding of the label
    let topPadding: CGFloat = 100 // Top padding of (first) label

    let label = UILabel()
    label.translatesAutoresizingMaskIntoConstraints = false
    self.view.addSubview(label)
    label.leftAnchor.constraint(equalTo: self.view.leftAnchor, constant: leftPadding).isActive = true
    if let prevLabel = prevLabel {
        label.topAnchor.constraint(equalTo: prevLabel.bottomAnchor).isActive = true
    } else {
        label.topAnchor.constraint(equalTo: self.view.topAnchor, constant: topPadding).isActive = true
    }
    label.font = font
    label.text = text
    label.backgroundColor = .gray

    return label
}

---

Предыдущаяответ:

Как предложил Йогеш, вы можете использовать атрибутивную строку:

    // Init label
    let label = UILabel(frame: CGRect(x: 50, y: 50, width: 90, height: 120))
    self.view.addSubview(label)
    label.lineBreakMode = .byTruncatingTail
    label.numberOfLines = 0
    label.backgroundColor = .white

    // Create attributed text
    let text = "Evangelizing Desing Thinking"
    let attributedText = NSMutableAttributedString(string: text,
        attributes: [
            .font: UIFont.systemFont(ofSize: 14)
        ]
    )

    // Find ranges of each word
    let subStrings = text.split(separator: " ")
    let ranges = subStrings.map { (subString) -> Range<String.Index> in
        guard let range = text.range(of: subString) else {
            fatalError("something wrong with substring") // This case should not happen
        }
        return range
    }

    // Apply background color for each word
    ranges.forEach { (range) in
        let nsRange = NSRange(range, in: text)
        attributedText.addAttribute(.backgroundColor, value: UIColor.gray, range: nsRange)
    }

    // Set attributed text
    label.attributedText = attributedText