Center Multi-Line Text on UIButton using IB Center Multi-Line Text on UIButton using IB ios ios

Center Multi-Line Text on UIButton using IB


You can't set the text to be centered in your nib. But you can change the alignment in your code:

- (void)viewDidLoad {    [super viewDidLoad];    self.myButton.titleLabel.textAlignment = UITextAlignmentCenter;}


I know this is an old question, but I came across it in my own attempt to center the multi-line text of a UIButton in IB. What I found is that by default, when "title" is set to "plain" and "line break" is set to "word wrap" the longest line of the title text is centered and the other lines are left justified to this line (similar to the OP's screen capture).

In order to have all the lines centered properly, "title" needs to be changed to "attributed." This provides many more options to customize the appearance of the title text. Center each of the lines of text (you can now actually change the alignment for each line individually). Also be sure to set "line breaking" to "word wrap" under "more..." above the text. There seems to be a bug with how this line breaking option behaves, at least in Xcode 4.5 at this time, because the text on the button in IB will look incorrect, truncating everything except the first line. It seems the "word wrap" and truncate options are interpreted backwards in IB, but if you run the app it behaves correctly in the simulator.


Actually you can do it in interface builder.

Just set Title to "Attributed" and then choose center alignment.

@from comments : To wrap you need to set Line Break to Character Wrap or Word Wrap.

P.S : This might not render in xcode. But, it will work at runtime.