UIButton text not getting wrapped to several lines

Question

I have the problem that the text on three UIButtons gets wrapped to several lines in the Interface Builder, but when I run the code, the text is larger than the button and in one line only. I tried setting NSLineBreakMode and NSTextAlignment, but both didn't help. In the Interface Builder it looks correctly like this: https://i.stack.imgur.com/uuayd.jpg while on the simulator it looks like this: https://i.stack.imgur.com/vgkut.jpg. Any ideas? Thanks in advance.

Answer 1

There is certainly something very odd about your example; I can't reproduce it. You must be doing something to the buttons that you have not described in the information provided by your question. If you set up your button line break mode to be Word Wrap (in the nib), and if your constraints are sensible so that the button can get wider in landscape and narrower in portrait, then it will wrap in portrait and not in landscape, which I believe is what you want. Here are screen shots of a button in the Simulator on my machine (ignore the actual widths of the buttons; it's only an example; what's important is the text wrapping):

The real problem, however, is the height. You'll notice that that isn't changing. This is because a round rect button has an intrinsic height value. If you want the height to change, to make more vertical room for the wrapped text, you will probably need to subclass or intervene in the layout process after rotation. For example, I get pretty nice results like this:

-(void)viewDidLayoutSubviews {
    CGRect f = self.button.bounds;
    if (UIInterfaceOrientationIsLandscape(self.interfaceOrientation))
        f.size.height = 44;
    else
        f.size.height = 60;
    self.button.bounds = f;
}