79. UI specifications of iOS devices and default heights of iOS controls

79. UI specifications of iOS devices and default heights of iOS controls
IOS device UI specification iPhone interface size

IPhone Icon size

Design dimensions for iPad

IPad Icon size

IPhone device size resolution ratio

Launch image for iPhone Devices

Default height status bar for various iOS controls

The status bar is generally 20 pixels in height. It will be enlarged to 40 pixels in height when you make a mobile phone call or display a message. Note that the status bar with a height of two times can only be used in portrait mode. For example

You can hide the status bar or set it to gray, black, or translucent black. <喎?http: www.bkjia.com kf ware vc " target="_blank" class="keylink"> VcD4NCjxwPsjnufvQ6NKq0v6y2Ne0zKzAuL/J0tTKudPDtffTw6O6PGJyIC8 + examples/LV39Ta06bTw7PM0PLOxLz + Signature = "navigation bar"> navigation bar

In portrait mode, the navigation bar is 44 pixels high, and the horizontal mode is 32 pixels high. The navigation bar provides a rarely used prompt mode, which expands the height by 30 pixels, in portrait mode, the value is 320*74 pixels, and in Landscape mode, the value is 480*74 pixels.
To add a prompt to the navigation bar, Set self. navigationItem. prompt = @"................".

Tab/Toolbar

The tab is 48 pixels high and the toolbar is 44 pixels High. The two UI elements are not used in Landscape mode.

A typical application with a navigation bar and status bar retains a 320*416 area for the vertical display and a 480*268 area for the horizontal display. If you use the tab bar or toolbar, the height will be reduced by 48 or 44 pixels again.

Keyboard and pickerView

This is generally 320*216 pixels horizontally and 480*162 pixels vertically.
In addition, the default UISwitch value is 94*28 pixels, And the UISegmentedControl length is 44 pixels High.
The UITextField height is generally at least 30 pixels.

UIScreen class

[[UIScreen mainScreen] applicationFrame] Generally, available regions are returned Based on the toolbar, Status Bar, and navigation bar in use.

Control List

The width and standard of various common controls under the iPhone and iPad are the same, so here we will use the iPhone description.

The following are the heights of common controls. Statusbar, Navigationbar, and Tabbar have extremely wide icons.

The following table shows more detailed parameters, including Statusbar, Navigationbar, Tabbar, toolbar, and Keyboard.