Updating App for iPhone 5
This post is a guide to updating existing app for iPhone 5.
As you already knew, the new iPhone 5 introduced a taller screen at 4 inch, while all iPhones before is at 3.5 inch.
There are a couple of steps that you have to do to support the taller screen, and it really depends on how you develop your app in the first place. You might use all of the techniques below, or none.
There isn’t a setting to specify a project supports iPhone 5. Instead, a presence of a
[email protected] signify that it supports iPhone 5.
The size is 640 x 1136.
Xcode 4.5 will actually offer to add one automatically.
2. Set to Full Screen at launch for MainWindow.xib
If your tab bar didn’t work properly (such as don’t respond to click) after you added
[email protected], then it is likely due to the nib configuration.
You have to go to interface builder, select the window object, and enable
Full Screen at launch.
3. Code to detect 4-inch screen
You can detect the 4-inch screen size with the following method:
1 2 3 4 5 6 7 8 9
I have this in
Device.h, so import and use.
1 2 3 4 5
4. Use Auto Layout for iOS6
If you are supporting only iOS6 and above, you should use Auto Layout.
You can read up a tutorial by Ray Wenderlich.
5. Set auto resizing mask for pre iOS6
If you are still supporting pre iOS6, you still need auto resizing mask for your views to stretch and re-position automatically.
Refer to Apple UIView doc on
This ‘feature’ was in iOS ever since iOS is available. If you design your apps mostly using Xcode Interface Builder, this would one of the most needed change.
You could change a subview to auto resize its width/height, and fix it’s margin to left/right/top/bottom.
6. Stretch Images
If you are using Xcode Interface Builder, change the UIImageView
Scale to Fill (or others).
Then change the
Stretching properties. The values are a fraction of the image size. For example, X and Y are 0.5, and Width and Height are 0.1, it means stretch the portion of the image at center with 10% width and height.
Your images can also be stretched with UIImage
But that works only if your image has portion that can be stretched without distortion. If it doesn’t, you have to create a new image
[email protected] image, and use the trick covered next to load it automatically.
7. Load [email protected] images
I use a convenient method below:
1 2 3 4 5 6 7
Using category, I introduced the method for UIImage.
To use, I would have to change the methods
[UIImage imageName:@"foo.png"] to
8. iOS Simulator
To run and test on a 4 inch iPhone, select Hardware > Device > iPhone (Retina 4-inch).
9. Last words..
It largely depends on how you code your existing apps.
Use the above techniques as needed, and handily use the Device class methods.
If you use any third party libraries, you would also need to update their libs with support for
armv7s (a new architecture for iPhone5). Popular libs are already updated at this point of writing eg. Flurry, Google Admob, and other ad networks.