How to center vertically attributed text (custom placeholder font) in UITextField?

Question

I am using attributed text property to set custom placeholder font in UITExtfield. But my placeholder text is not vertically centered.Here is preview

        let font = UIFont(name: Font.myFont.name, size: 15)!
        let attributes = [
            NSForegroundColorAttributeName: UIColor.cadetGrey,
            NSFontAttributeName: font
        ]

        exampleTextField.attributedPlaceholder = NSAttributedString(string: "Example Placeholder",
                                                                  attributes: attributes)

I tried to add

let centeredParagraphStyle = NSMutableParagraphStyle()
centeredParagraphStyle.alignment = .center

to attribute still no luck. I also tried to use SizeToFit() on my UITextBox but no luck at all

`.alignment = .center`, that's for left/right/center, horizontal alignment, not vertical one. Check that: https://stackoverflow.com/questions/3665385/placeholder-text-not-centered-for-uitextfield-created-programmatically `contentVerticalAlignment` — Larme, May 30 '17 at 15:42

score 1 · Answer 1 · answered May 05 '21 at 11:21

1

This worked for me in Swift 5:

let unitText = NSAttributedString(string: "\(unit)", attributes: [NSAttributedString.Key.foregroundColor: MyColors.doveGray, NSAttributedString.Key.baselineOffset:2])

answered May 05 '21 at 11:21

Malik Kulsoom

136
2
6

iOS.Lover · Answer 2 · 2017-05-30T15:29:30.137

0

Try like this :

let centeredParagraphStyle = NSMutableParagraphStyle()
centeredParagraphStyle.alignment = .center

let attributes: [String : Any] = [NSParagraphStyleAttributeName: centeredParagraphStyle]

edited May 30 '17 at 15:29

answered May 30 '17 at 15:24

iOS.Lover

5,923
21
90
162

Thank you, I tried that already, forgot in post to put line where i put that style in attributes together with rest of attributes. Still no luck :( – StaticV0id May 30 '17 at 15:31

Maddy · Answer 3 · 2017-05-30T18:59:51.020

This is will set both placeholder and text input by user in center.

 exampleTextField.textAlignment = .center

To center both vertically and horizontally.

exampleTextField.contentVerticalAlignment = UIControlContentVerticalAlignment.center

exampleTextField.textAlignment = .center

OR

This is will only set placeholder in center whereas the text input by user will remain at it's default position i.e left align

let font = UIFont(name: Font.myFont.name, size: 15)!

 let centeredParagraphStyle = NSMutableParagraphStyle()
 centeredParagraphStyle.alignment = .center

 // add attribute of NSMutableParagraphStyle
 let attributes = [
            NSForegroundColorAttributeName: UIColor.gray,
            NSFontAttributeName: font,
            NSParagraphStyleAttributeName: centeredParagraphStyle
        ]

 exampleTextField.attributedPlaceholder = NSAttributedString(string: "Example Placeholder",
                                                                    attributes: attributes)

My placeholder needs to be centered verticaly. You can see on picture that placeholder is near top, not in the middle — StaticV0id, May 30 '17 at 15:58

How to center vertically attributed text (custom placeholder font) in UITextField?

3 Answers3