Swift’s strings are plain text, which works fine in the vast majority of cases we work with text. But sometimes we want more – we want to be able to add formatting like bold or italics, select from different fonts, or add some color, and for those jobs we have a new class called
Attributed strings are made up of two parts: a plain Swift string, plus a dictionary containing a series of attributes that describe how various segments of the string are formatted. In its most basic form you might want to create one set of attributes that affect the whole string, like this:
let string = "This is a test string" let attributes: [NSAttributedString.Key: Any] = [ .foregroundColor: UIColor.white, .backgroundColor: UIColor.red, .font: UIFont.boldSystemFont(ofSize: 36) ] let attributedString = NSAttributedString(string: string, attributes: attributes)
It’s common to use an explicit type annotation when making attributed strings, because inside the dictionary we can just write things like
.foregroundColor for the key rather than
The values of the attributes dictionary are of type
NSAttributedString attributes can be all sorts of things: numbers, colors, fonts, paragraph styles, and more.
If you look in the output pane of your playground, you should be able to click on the box next to where it says “This is a test string” to get a live preview of how our string looks – you should see large, white text with a red background.
Of course, we could get the same effect with a regular string placed inside a
UILabel: change the font and colors, and it would look the same. But what labels can’t do is add formatting to different parts of the string.
To demonstrate this we’re going to use
NSMutableAttributedString, which is an attributed string that you can modify:
let attributedString = NSMutableAttributedString(string: string) attributedString.addAttribute(.font, value: UIFont.systemFont(ofSize: 8), range: NSRange(location: 0, length: 4)) attributedString.addAttribute(.font, value: UIFont.systemFont(ofSize: 16), range: NSRange(location: 5, length: 2)) attributedString.addAttribute(.font, value: UIFont.systemFont(ofSize: 24), range: NSRange(location: 8, length: 1)) attributedString.addAttribute(.font, value: UIFont.systemFont(ofSize: 32), range: NSRange(location: 10, length: 4)) attributedString.addAttribute(.font, value: UIFont.systemFont(ofSize: 40), range: NSRange(location: 15, length: 6))
When you preview that you’ll see the font size get larger with each word – something a regular Swift string certainly can’t do even with help from
There are lots of formatting options for attributed strings, including:
.underlineStyleto a value from
NSUnderlineStyleto strike out characters.
.strikethroughStyleto a value from
NSUnderlineStyle(no, that’s not a typo) to strike out characters.
.paragraphStyleto an instance of
NSMutableParagraphStyleto control text alignment and spacing.
.linkto be a
URLto make clickable links in your strings.
And that’s just a subset of what you can do.
You might be wondering how useful all this knowledge is, but here’s the important part:
UINavigationBar, and more all support attributed strings just as well as regular strings. So, for a label you would just use
attributedText rather than
text, and UIKit takes care of the rest.
SAVE 20% ON iOS CONF SG The largest iOS conference in Southeast Asia is back in Singapore for the 5th time in January 2020, now with two days of workshops plus two days of talks on SwiftUI, Combine, GraphQL, and more! Save a massive 20% on your tickets by clicking on this link.