Use multiple font colors in a single label Use multiple font colors in a single label ios ios

Use multiple font colors in a single label


Reference from here.

First of all initialize of you NSString and NSMutableAttributedString as below.

var myString:NSString = "I AM KIRIT MODI"var myMutableString = NSMutableAttributedString()

In ViewDidLoad

override func viewDidLoad() {    myMutableString = NSMutableAttributedString(string: myString, attributes: [NSFontAttributeName:UIFont(name: "Georgia", size: 18.0)!])    myMutableString.addAttribute(NSForegroundColorAttributeName, value: UIColor.redColor(), range: NSRange(location:2,length:4))    // set label Attribute    labName.attributedText = myMutableString    super.viewDidLoad()}

OUTPUT

enter image description here

MULTIPLE COLOR

Add the line code below in your ViewDidLoad to get multiple colors in a string.

 myMutableString.addAttribute(NSForegroundColorAttributeName, value: UIColor.greenColor(), range: NSRange(location:10,length:5))

Multiple color OUTPUT

enter image description here

Swift 4

var myMutableString = NSMutableAttributedString(string: str, attributes: [NSAttributedStringKey.font :UIFont(name: "Georgia", size: 18.0)!])myMutableString.addAttribute(NSAttributedStringKey.foregroundColor, value: UIColor.red, range: NSRange(location:2,length:4))

Swift 5.0

 var myMutableString = NSMutableAttributedString(string: str, attributes: [NSAttributedString.Key.font :UIFont(name: "Georgia", size: 18.0)!]) myMutableString.addAttribute(NSAttributedString.Key.foregroundColor, value: UIColor.red, range: NSRange(location:2,length:4))


For @Hems Moradiya

enter image description here

let attrs1 = [NSFontAttributeName : UIFont.boldSystemFontOfSize(18), NSForegroundColorAttributeName : UIColor.greenColor()]let attrs2 = [NSFontAttributeName : UIFont.boldSystemFontOfSize(18), NSForegroundColorAttributeName : UIColor.whiteColor()]let attributedString1 = NSMutableAttributedString(string:"Drive", attributes:attrs1)let attributedString2 = NSMutableAttributedString(string:"safe", attributes:attrs2)attributedString1.appendAttributedString(attributedString2)self.lblText.attributedText = attributedString1

Swift 4

    let attrs1 = [NSAttributedStringKey.font : UIFont.boldSystemFont(ofSize: 18), NSAttributedStringKey.foregroundColor : UIColor.green]    let attrs2 = [NSAttributedStringKey.font : UIFont.boldSystemFont(ofSize: 18), NSAttributedStringKey.foregroundColor : UIColor.white]    let attributedString1 = NSMutableAttributedString(string:"Drive", attributes:attrs1)    let attributedString2 = NSMutableAttributedString(string:"safe", attributes:attrs2)    attributedString1.append(attributedString2)    self.lblText.attributedText = attributedString1

Swift 5

    let attrs1 = [NSAttributedString.Key.font : UIFont.boldSystemFont(ofSize: 18), NSAttributedString.Key.foregroundColor : UIColor.green]    let attrs2 = [NSAttributedString.Key.font : UIFont.boldSystemFont(ofSize: 18), NSAttributedString.Key.foregroundColor : UIColor.white]    let attributedString1 = NSMutableAttributedString(string:"Drive", attributes:attrs1)    let attributedString2 = NSMutableAttributedString(string:"safe", attributes:attrs2)    attributedString1.append(attributedString2)    self.lblText.attributedText = attributedString1


Swift 4

By using following extension function, you can directly set a color attribute to an attributed string and apply the same on your label.

extension NSMutableAttributedString {    func setColorForText(textForAttribute: String, withColor color: UIColor) {        let range: NSRange = self.mutableString.range(of: textForAttribute, options: .caseInsensitive)        // Swift 4.2 and above        self.addAttribute(NSAttributedString.Key.foregroundColor, value: color, range: range)        // Swift 4.1 and below        self.addAttribute(NSAttributedStringKey.foregroundColor, value: color, range: range)    }}

Try above extension, using a label:

let label = UILabel()label.frame = CGRect(x: 60, y: 100, width: 260, height: 50)let stringValue = "stackoverflow"let attributedString: NSMutableAttributedString = NSMutableAttributedString(string: stringValue)attributedString.setColorForText(textForAttribute: "stack", withColor: UIColor.black)attributedString.setColorForText(textForAttribute: "over", withColor: UIColor.orange)attributedString.setColorForText(textForAttribute: "flow", withColor: UIColor.red)label.font = UIFont.boldSystemFont(ofSize: 40)label.attributedText = attributedStringself.view.addSubview(label)

Result:

enter image description here