Titanium Tips

iPhone Dimensions - Portrait

It’s often handy to know the size of the standard iPhone User Interface (UI) elements.
You know, the Status Bar, Nav Bar, Tab Bar, etc.

Here you go...

iPhone Dimensions (Sizes) - Portrait

So, if you want an image to fill the Main Content Area, it needs to be 320 pixels wide by 367 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 320x367 pixels
"image@2x.png" Retina 640x734 pixels


In case you can’t make sense of the graphic...
iPhone Portrait Width 320px
iPhone Portrait Height 480px
   
Status Bar Height 20px
Nav Bar Height 44px
Main Content Area Height 367px
Tab Bar Height 49px
   
Keyboard Height 216px
iPhone Portrait Keyboard Size 216px

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

Comments

iPhone Dimensions - Landscape

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...

iPhone Landscape 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
iPhone Landscape Keyboard Size 162px

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

Comments