centering text in a UILabel with an NSAttributedString

Question

Going through some basic improvements to a application I am working on. Still new to the iOS swift development scene. I figured that the lines of text in my code would automatically be centered because I set the label to center. After a little bit of research I discovered this is not the case. How would I align code like this to center:

let atrString = try NSAttributedString(
   data: assetDetails!.cardDescription.dataUsingEncoding(NSUTF8StringEncoding)!, 
   options: [NSDocumentTypeDocumentAttribute:NSHTMLTextDocumentType], 
   documentAttributes: nil)
assetDescription.attributedText = atrString

score 133 · Accepted Answer · edited Oct 28 '17 at 19:48

You need to create a paragraph style specifying center alignment, and set that paragraph style as an attribute on your text. Example playground:

import UIKit
import PlaygroundSupport

let style = NSMutableParagraphStyle()
style.alignment = NSTextAlignment.center

let richText = NSMutableAttributedString(string: "Going through some basic improvements to a application I am working on. Still new to the iOS swift development scene. I figured that the lines of text in my code would automatically be centered because I set the label to center.",
                                         attributes: [ NSParagraphStyleAttributeName: style ])
// In Swift 4, use `.paragraphStyle` instead of `NSParagraphStyleAttributeName`.

let label = UILabel(frame: CGRect(x: 0, y: 0, width: 200, height: 400))
label.backgroundColor = UIColor.white
label.attributedText = richText
label.numberOfLines = 0
PlaygroundPage.current.liveView = label

Result:

Since you're parsing an HTML document to create your attributed string, you'll need to add the attribute after creation, like this:

let style = NSMutableParagraphStyle()
style.alignment = NSTextAlignment.center

let richText = try NSMutableAttributedString(
    data: assetDetails!.cardDescription.data(using: String.Encoding.utf8)!,
    options: [NSDocumentTypeDocumentAttribute:NSHTMLTextDocumentType],
    documentAttributes: nil)
richText.addAttributes([ NSParagraphStyleAttributeName: style ],
                       range: NSMakeRange(0, richText.length))
// In Swift 4, use `.paragraphStyle` instead of `NSParagraphStyleAttributeName`.
assetDescription.attributedText = richText

Update for Swift 4

In Swift 4, attribute names are now of type NSAttributeStringKey and the standard attribute names are static members of that type. So you can add the attribute like this:

richText.addAttribute(.paragraphStyle, value: style, range: NSMakeRange(0, richText.length))

So in your example in the code: let richText = NSMutableAttributedString(string: "Going through some basic improvements to a application I am working on. Still new to the iOS swift development scene. I figured that the lines of text in my code would automatically be centered because I set the label to center.", attributes: [ NSParagraphStyleAttributeName: style ]) I would replace the "" string with atrString from my example? — cruelty, Oct 30 '15 at 19:47
Worked perfectly thank you so much! I understand it now too which is a huge plus! — cruelty, Oct 30 '15 at 20:20
In **Swift 4** `[kCTParagraphStyleAttributeName as NSAttributedStringKey:style]` — Husam, Sep 11 '17 at 14:12
In Swift 4, you can just say `.paragraphStyle` as the attribute name. — rob mayoff, Sep 11 '17 at 14:54

score 19 · Answer 2 · edited Jul 11 '18 at 18:03

19

In Swift 4.1 :

let style = NSMutableParagraphStyle()

style.alignment = NSTextAlignment.center

lbl.centerAttributedText = NSAttributedString(string: "Total Balance",attributes: [.paragraphStyle: style])

(edited for code block)

edited Jul 11 '18 at 18:03

Jared

793
6
16

answered May 03 '18 at 10:52

Sazzadhusen Iproliya

466
4
9

1

What is centerAttributedText? – hasan Jul 08 '20 at 23:00

score 1 · Answer 3 · answered Dec 25 '20 at 11:48

You can use this utility function to do all common configuration for label


    @discardableResult
    public func DULabel(text: String, frame: CGRect = .zero, parent:UIView? = nil , font:UIFont, textColor:UIColor = .black, numOfLines:Int = 0 ,textAlignment: NSTextAlignment = .center,lineSpaceing:CGFloat = 0, cb: ((UILabel)->Void)? = nil  )-> UILabel! {
      let label = UILabel()
      label.frame = frame
      label.font = font
      label.textColor = textColor
      label.textAlignment = textAlignment
      label.numberOfLines = numOfLines
      if( lineSpaceing == 0 ){
        label.text = text
      }
      else {
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineSpacing = lineSpaceing
        paragraphStyle.alignment = textAlignment
        let attrString = NSMutableAttributedString(string: text)
        attrString.addAttribute(.paragraphStyle, value:paragraphStyle, range:NSMakeRange(0, attrString.length))
        label.attributedText = attrString
      }
      if let parent = parent {
        parent.addSubview(label)
      }
      cb?(label)
      return label
    }

centering text in a UILabel with an NSAttributedString

3 Answers3

Update for Swift 4

Linked