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

Source: Internet
Author: User

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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.