iPhone 4、4s和5在同一情节提要上的布局

Question

I'm making an app for iphone. My layout can be the same for iphone 4, 4s, and 5 but for the iphone 4 and 4s the only thing that change is space between buttons. I finished my app and i arrange all storyboard to run well on iphone 5. Now i only have to tell that when the app running on iphone 4 and 4s i have to change the space between the buttons in some views to get all buttons inside screen. How i can do this? I can use auto layout i think but i dont use this. Its possible to help me? I do the things right, doing the design first for iphone 5 and now adapt for iphone 4 or im doing the things in the wrong way.

Regards

Answer 1

The IOS6 autolayout it's still a bit "wild" and it will also disable the IOS5 compatibility. If you don't use autolayout, you can still set some rules in storyboard at size inspector, like tide you buttons to the top or the bottom of the view, so you can control where they go when the screen shrinks.

A better way is to add subviews to your view, and allow the subviews to shrink and expand (also @ size inspector in storyboard). Then add your buttons to those subviews, tide them to the top, bottom, or let them untied/free if they are placed symmetrically inside the subview.

You can simulate quickly with the form factor button in storyboard (right-down corner) to see where the buttons go when you switch the sizes.

These methods require zero lines of code, but more work with the storyboard.