Question

所以我有一个如下所示的字符串：Swift , VisualBasic , Ruby

我想将此字符串转换为以下内容：

基本上我想在单个单词后面创建一个背景，是的，我可以使用NSTokenField库来获取此行为，但我的文本不是由用户手动输入的预结构（从数组），我不想要的整个行为NSTokeField我只想要这样的外观和选择（通过选择我的意思是在退格时一次点击清除一个单词，整个单词不是一个字母）

我知道如何更改像这样的文本的颜色

   func getColoredText(text: String) -> NSMutableAttributedString {
    let string:NSMutableAttributedString = NSMutableAttributedString(string: text)
    let words:[String] = text.componentsSeparatedByString(" ")
    var w = ""

    for word in words {
        if (word.hasPrefix("{|") && word.hasSuffix("|}")) {
            let range:NSRange = (string.string as NSString).rangeOfString(word)
            string.addAttribute(NSForegroundColorAttributeName, value: UIColor.redColor(), range: range)
            w = word.stringByReplacingOccurrencesOfString("{|", withString: "")
            w = w.stringByReplacingOccurrencesOfString("|}", withString: "")
            string.replaceCharactersInRange(range, withString: w)
        }
    }
    return string
}

但我不知道如何实现我想要的东西，如果有人可以提供一些指导，那么它对我来说会很有帮助

如果我的问题不够明确，那么请告诉我，我将添加更多细节

Answer 1

如果你想要圆角，可以更容易地使用几个UILabel。

如果可以接受，您可以先生成一系列属性字符串，如：

func getAttributedStrings(text: String) -> [NSAttributedString]
{
    let words:[String] = text.componentsSeparatedByString(" , ")

    let attributes = [NSForegroundColorAttributeName: UIColor.whiteColor(), NSBackgroundColorAttributeName: UIColor.blueColor()]

    let attribWords = words.map({
        return NSAttributedString(string: " \($0) ", attributes: attributes)
    })
    return attribWords
}

对于每个属性字符串，我们需要创建UILabel。为此，我们可以创建一个传入NSAttributedString并返回UILabel的函数：

func createLabel(string:NSAttributedString) ->UILabel
{
    let label = UILabel()
    label.backgroundColor = UIColor.blueColor()
    label.attributedText = string
    label.sizeToFit()
    label.layer.masksToBounds = true
    label.layer.cornerRadius = label.frame.height * 0.5
    return label
}

现在我们将输入字符串转换为标签：

let attribWords = getAttributedStrings("Java , Swift , JavaScript , Objective-C , Ruby , Pearl , Lisp , Haskell , C++ , C")
let labels = attribWords.map { string in
        return createLabel(string)
    }

现在我们只需要在视图中显示它们：

let buffer:CGFloat = 3.0
var xOffset:CGFloat = buffer
var yOffset:CGFloat = buffer

let view = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 320.0, height: 400.0))
view.backgroundColor = UIColor.lightGrayColor()


for label in labels
{
    label.frame.origin.x = xOffset
    label.frame.origin.y = yOffset

    if label.frame.maxX > view.frame.maxX
    {
        xOffset = buffer
        yOffset += label.frame.height + buffer

        label.frame.origin.x = xOffset
        label.frame.origin.y = yOffset
    }

    view.addSubview(label)
    xOffset += label.frame.width + buffer
}

此时我们还可以通过说：

将视图调整到标签的高度

if let labelHeight = labels.last?.frame.height
{
    view.frame.height = yOffset + labelHeight + buffer
}

在快速游乐场中抛出此代码会导致：

如果您不能使用标签，例如，如果您想要一个可编辑的UITextView，我会放弃圆角，只需说出以下内容：

let attribWords = getAttributedStrings("Java , Swift , JavaScript , Objective-C , Ruby , Pearl , Lisp , Haskell , C++ , C")
let attribString = NSMutableAttributedString()
attribWords.forEach{
    attribString.appendAttributedString(NSAttributedString(string: "  "))
    attribString.appendAttributedString($0)
}
textView.attributedText = attribString

以特定方式将String转换为NSAttributedString

1 个答案: