Problems with autosizing between 3.5 and 4 inch screens

Question

I have a background image which is the size of a 4 inch screen. When displayed on a 3.5" screen, the top and bottom bits of the image are not shown. However, I have other views, and text boxes on the screen as well that are supposed to line up with the background image, but they don't.

Here are some images of my app:

3.5" screen:

4" screen:

As you can see, the text box moves slightly further down, than the image does. This is a screenshot of the autosizing settings:

This is the same for both the background image and the text box. I don't know how I can make the app move the text box down a specified amount or what to do?

If you need more information, please ask.

Answer 1

Auto sizing is helpful until a certain point. The text field is trying to put itself according to the size of the screen, while keeping the bottom's distance ration, which, in your case it's not what you want. My recommendation is:

1. Use auto-layout to specify these rules. It's quite trivial to do this using auto-layout, but can be a bit of a pain to get into Auto-layout
2. Programmatically set the textfield's frame.

Still, try the following:

1. Put the top + left for the UIImageView
2. Put left + Right + Bottom for the UITextField.