iPhone Dimensions - Landscape
18 Apr 2011
Filed
in: Basics
The iPhone in landscape orientation
has one special exception to the standard sizes of iOS User
Interface (UI) elements. The Nav Bar is usually 44px high, but in
this case it’s 32px high.
Here are all the dimensions...

If you want an image to fill the Main Content Area, it needs to be 480 pixels wide by 219 pixels high.
Note: these measurements are for standard, non-Retina displays. Titanium uses these measurements regardless of what devices you are working with. If you want to support the Retina display, you just have to include doubled versions of your images.
For example...
In case you can’t make sense of the graphic...

Here are all the dimensions...

If you want an image to fill the Main Content Area, it needs to be 480 pixels wide by 219 pixels high.
Note: these measurements are for standard, non-Retina displays. Titanium uses these measurements regardless of what devices you are working with. If you want to support the Retina display, you just have to include doubled versions of your images.
For example...
| File Name | Display Type | Dimensions |
|---|---|---|
| "image.png" | Standard | 480x219 pixels |
| "image@2x.png" | Retina | 960x438 pixels |
In case you can’t make sense of the graphic...
| iPhone Landscape Width | 480px |
| iPhone Landscape Height | 320px |
| Status Bar Height | 20px |
| Nav Bar Height | 32px |
| Main Content Area Height | 219px |
| Tab Bar Height | 49px |
| Keyboard Height | 162px |

Note that when the keyboard is displayed, it covers up the Tab Bar at the bottom of the screen.
