Adding color to a word in string using NSMutableAttributedString

Question

I am trying to add color to 2 words in a string. This is the code I am using:

        var HighScore:Int = 0
        var CurrentScore:Int = 0

        let stringOne = "You have managed to score \(CurrentScore). Current record is \(self.HighScore). Play again and give it another try!"
        let stringTwo = "\(CurrentScore)"
        let stringThree = "\(HighScore)"

        let range1 = (stringOne as NSString).range(of: stringTwo)
        let range2 = (stringOne as NSString).range(of: stringThree)

        let attributedText = NSMutableAttributedString.init(string: stringOne)

        attributedText.addAttribute(NSForegroundColorAttributeName, value: UIColor.init(netHex: 0x00b4ff) , range: range1)
        attributedText.addAttribute(NSForegroundColorAttributeName, value: UIColor.init(netHex: 0x00b4ff) , range: range2)

        gameOverDescriptionLabel.attributedText = attributedText

The problem I have is that if CurrentScore and HighScore is the same(ex: 2 & 2) the color on the range2 still stays white, but if they are not equal(2 & 1 or 1 & 2) both gets the color I have choosen.

Any suggestions?

Erik Auranaune · Accepted Answer · 2017-01-21 23:43:27Z

1

Add this to the top or bottom of your .swift file:

extension NSMutableAttributedString {
    func bold(_ text:String) -> NSMutableAttributedString {
        let attrs:[String:AnyObject] = [NSForegroundColorAttributeName: UIColor.init(netHex: 0x00b4ff)]
        let boldString = NSMutableAttributedString(string:"\(text)", attributes:attrs)
        self.append(boldString)
        return self
    }

    func normal(_ text:String)->NSMutableAttributedString {
        let normal =  NSAttributedString(string: text)
        self.append(normal)
        return self
    }
}

To code below is the usage, you can edit it how you'd like, but I have made it so you can easy just copy&paste it to your project:

            let formattedString = NSMutableAttributedString()
            formattedString
                .normal("You have managed to score ")
                .bold("\(CurrentScore)")
                .normal(". Current record is ")
                .bold("\(HighScore)")
                .normal(". Play again and give it another try!")

            gameOverDescriptionLabel.attributedText = formattedString

answered Jan 21, 2017 at 23:43

Erik Auranaune

1,4141 gold badge13 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sibling Thor Over a year ago

Works like a charm. Thanks!:)))

matt · Accepted Answer · 2017-01-19 19:01:55Z

1

If the current score and high score are the same string, searching for the latter finds the former (because the search starts at the beginning).

There are lots of other, better ways to do this.

Perform the second search in a range starting after the result of the first search (range(of:) has a range: parameter, but you are not using it)
Instead of looking for the range of the high score, search for the surrounding boilerplate ("You have managed to score" and so on) and figure out where the numbers must be.
Use NSScanner or regular expressions to find the numerical expressions embedded in the string.
My favorite: mark each of the numbers with an "invisible" attribute and search for that attribute so that you can find the numbers reliably (example here).

answered Jan 19, 2017 at 19:01

matt

540k97 gold badges945 silver badges1.3k bronze badges

3 Comments

Sibling Thor Over a year ago

I don't understand how I could implement the "invisible" attribute in my code. Still haven't fixed my issue..

matt Over a year ago

Well, I gave you a choice of four perfectly good ideas, and with the last one I gave you actual code that demonstrates the technique. My work here is done. The problem now seems to be that you don't know an answer when you hear it.

Sibling Thor Over a year ago

No need to be cocky, mam. I haven't been working much with NSMutableAttributedString so i'm not quite sure what exactly to do. Please be more friendly with your comments.

TheAmateurProgrammer · Accepted Answer · 2017-01-19 19:03:03Z

0

A solution without searching for the range would be to create 2 separate NSMutableAttributedString for current score and high score, and then append everything together.

let currentScoreString = NSMutableAttributedString(...)
let highscoreString = NSMutableAttributedString(...)

let finalString = NSMutableAttributedString(string: "You have managed to score ").append(currentScoreString)....

answered Jan 19, 2017 at 19:03

TheAmateurProgrammer

9,4029 gold badges55 silver badges72 bronze badges

3 Comments

Sibling Thor Over a year ago

I tried doing currentScoreString.append((CurrentScore as Int) as! NSAttributedString) but that made it crash. Also crash if I use CurrentScore as AnyObject..

TheAmateurProgrammer Over a year ago

You can't just convert an int into an NSAttributedString! You have to initialize a new NSAttributedString object. I've made some changes in the first 2 lines to show that.

Sibling Thor Over a year ago

This is another attempt i did: pastebin.com/dB9bk0sy - Gives no error, but the color does still not change if they are equal...

Rohan Dave · Accepted Answer · 2017-02-08 11:24:41Z

0

//MARK: forgroundColor

open var foregroundColor: UIColor? {
    didSet {
        textAttributes[NSForegroundColorAttributeName] = foregroundColor
        self.attributedText = NSAttributedString(string: self.text, attributes: textAttributes)
    }
}

//MARK: backgroundColor
open var textBackgroundColor: UIColor? {
    didSet {
        textAttributes[NSBackgroundColorAttributeName] = textBackgroundColor
        self.attributedText = NSAttributedString(string: self.text, attributes: textAttributes)
    }
}

answered Feb 8, 2017 at 11:24

Rohan Dave

2591 silver badge7 bronze badges

Collectives™ on Stack Overflow

Adding color to a word in string using NSMutableAttributedString

4 Answers 4

1 Comment

3 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related