How to change Button Title Alignment in Swift?

Question

I am trying to set the title on a Button to left. But everything i tried is not working.

With:

UILabelButton.titleLabel.textAlignment = .Left

Or:

UILabelButton.contentVerticalAlignment = UIControlContentVerticalAlignment // There is no left

The button title is still centered.

Is there another Property?

score 237 · Accepted Answer · edited Dec 27 '16 at 16:15

237

Use contentHorizontalAlignment.You have to use UIControlContentHorizontalAlignment.Left.You need to usehorizontal not vertical.

btn.contentHorizontalAlignment = UIControlContentHorizontalAlignment.Left

Swift 3.x

btn.contentHorizontalAlignment = .left

edited Dec 27 '16 at 16:15

mike vorisis

2,786
6
40
74

answered Jul 28 '14 at 23:12

codester

36,891
10
74
72

3

@codester .center doesn't seem to work if the text/content of a button is wrapped around to two lines. How can we centralise both lines of a button whose titleLabel has wrapped? – user2363025 Feb 02 '18 at 11:41

score 26 · Answer 2 · edited May 06 '19 at 04:17

Swift 4

Sample code

For my requirement I want alignment left top

btnAddress.contentHorizontalAlignment = UIControlContentHorizontalAlignment.left
btnAddress.contentVerticalAlignment = UIControlContentVerticalAlignment.top

Swift 5 update:

btnAddress.contentHorizontalAlignment = UIControl.ContentHorizontalAlignment.left
btnAddress.contentVerticalAlignment = UIControl.ContentVerticalAlignment.top

score 2 · Answer 3 · answered Mar 12 '20 at 10:23

    btnAddress.contentHorizontalAlignment = UIControl.ContentHorizontalAlignment.left
    btnAddress.contentVerticalAlignment = UIControl.ContentVerticalAlignment.top

And now if you want the text to have some space from left add this

btnAddress.titleEdgeInsets = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 0)

score 2 · Answer 4 · answered Dec 22 '22 at 11:57

You can also use the below solution (using Storyboard)

step1 :

set the horizontal alignment to left

By default button property have left content inset set to 10 i.e padding for the button from left side

you can see in the below image the left content inset is set to 10 for Left so change that to 0, if you don't need any padding from left or set the number you want

This way you can set the button title to Left aligned

score 0 · Answer 5 · edited Dec 19 '19 at 08:30

0

like this with swift 4:

btnAddress.contentHorizontalAlignment = .center

edited Dec 19 '19 at 08:30

steveSarsawa

1,559
2
14
31

answered Jan 18 '19 at 14:52

Dominik

1,703
6
26
46

score -1 · Answer 6 · answered Jun 14 '21 at 12:13

-1

The Most Easiest and smallest Solution:

Button("0"){}.frame(width:160.0,height:70.0,alignment:Alignment.leading)

Check this by using this code for a button you will see that button text is now aligned to "LEFT"

answered Jun 14 '21 at 12:13

Arshdeep Singh

21
1
7

How to change Button Title Alignment in Swift?

6 Answers6

Swift 4

Swift 5 update: