CODEWITHSUNDEEP
iosswiftuilabel
Loadex
Loadex

Reputation: 1512

Text not vertically centered in UILabel

I've created a Label with the following code : 

func setupValueLabel() {
    valueLabel.numberOfLines = 1
    valueLabel.font = UIFont(name: "Avenir-Black", size: 50)
    valueLabel.adjustsFontSizeToFitWidth = true
    valueLabel.clipsToBounds = true
    valueLabel.backgroundColor = UIColor.greenColor()
    valueLabel.textColor = valuesColor
    valueLabel.textAlignment = NSTextAlignment.Center
}

I don't really understand why but the label is not vertically centered : Label not centered

Do I have to do anything specific so it can be centered ?

Upvotes: 66

Views: 35634

Answers (2)

otiai10
otiai10

Reputation: 4879

Thanks to @rintaro, it works finally.

One more thing for my case, it didn't work because I was setting ByWordWrapping. I had to set lineBreakMode as ByClipping.

Upvotes: 23

rintaro
rintaro

Reputation: 51911

The problem is that font size is shrunk by adjustsFontSizeToFitWidth = true, but it does not adjust the lineHeight automatically. It remains to be for original font size that is 50.

By default, the text is aligned to its baseline. you can adjust it with baselineAdjustment property.

In your case, you should set it to UIBaselineAdjustment.alignCenters.

valueLabel.baselineAdjustment = .alignCenters

Upvotes: 143

Related Questions