Home » Ios » UIButton title alignment and multiline support

UIButton title alignment and multiline support

Posted by: admin November 30, 2017 Leave a comment

Questions:

How do I set the title of a UIButton to be left-aligned, and how can I show multiple lines of text in a UIButton?

Answers:

Here’s the code to do the UIButton alignment in code too: –

[myButton setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];

Questions:
Answers:

To set the alignment of a UIButton, look in the Attributes Inspector in Interface Builder for the button. There’s a section called Alignment. Set it to left. Or right, or whatever you want.

enter image description here

To do it in code, use the contentHorizontalAlignment property of UIControl. You can set it to any of these properties:

UIControlContentHorizontalAlignmentCenter
UIControlContentHorizontalAlignmentLeft
UIControlContentHorizontalAlignmentRight
UIControlContentHorizontalAlignmentFill

[myButton setContentHorizontalAlignment:UIControlContentHorizontalAlignmentRight];

None of these options look particularly good (as you can see above), and you might have might have more luck using the contentEdgeInsets property of UIButton to reposition the content.

To set a multiline title on a UIButton, check this forum post which describes changing the button label.

Or you can use this code to quickly make a 2 line button:

myButton.titleLabel.textAlignment = UITextAlignmentCenter;
myButton.titleLabel.lineBreakMode = UILineBreakModeCharacterWrap;
[myButton setTitle:@"Siegfried\nRoy" forState:UIControlStateNormal];

enter image description here

Raju, don’t forget to mark questions as accepted.

Questions:
Answers:

Actually, you can set the lineBreakMode to UILineBreakModeWordWrap or UILineBreakModeCharacterWrap. This breaks the text into multiple lines if necessary.

Questions:
Answers:

Try this

    myButton.titleLabel.textAlignment = UITextAlignmentLeft;
    myButton.titleLabel.lineBreakMode = UILineBreakModeCharacterWrap;
    myButton.titleLabel.numberOfLines = 0;

Questions:
Answers:

To add a Paragraph effect you can change the size of title.

For alinea effect