Question

In the lower-left hand corner UIViewControllers views I have a UIButton (UIButtonTypeInfoDark). When the app runs on the 4S is looks like you’d expect. But when I run the app on the iPhone 5 it stays where it was instead of “sticking” to the UITabBarItem at the bottom.

Is this something that autolayout can handle for me or do I have to programmatically reposition the button? Note: My app is portrait-only so I am not concerned with rotations.

Thanks in advance,
CS

Answer 1

A couple of things.

1. make sure autolayout is on (IB on the “File Inspector Tab”)
2. Make sure you are NOT making any changes that involve bounds, frame, etc. – this is all done by Auto constraints now.
3. Make sure you stay away from AutoResizingMask. This will compete with your new settings.

If these are done right, you can now layout your button and it will work great. Here’s how.

1. Drag the mentioned button into the bottom-left corner.
2. You will see guides pop-up when it gets close to the corner on the left hand side, just above your toolbar.
3. Now inspect your constraints by selecting the button and going in the “Size Inspector” tab.
4. Now select the button and the buttonbar.
5. Add new constraint by selecting the graphic that’s in the bottom right corner of you mat and pick the middle icon that looks like a capital “I” laying on it’s side.
6. Select “Vertical Spacing”
7. You will see a new contraint pop up in the constraints. Select that new constraint and select “Attribute Inspector”
8. Keep “Relation” to equal and select the checkbox “Standard”. This will keep it the standard height above the buttonbar.

Hope this helps.