Default height of various iOS controls, default height of various iOS controls

Source: Internet
Author: User
Tags file info

Default height of various iOS controls, default height of various iOS controls
1. Status BarThe 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. To hide the status bar, call [[UIApplication sharedApplication] setStatusBarHidden: YES animated: NO]; or set the uistatusbarhidkey to true in the application file Info. plist.2. navigation barIn 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 = @"................".

 3. Tab ToolbarThe tab is 49 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.4. keyboard and pickerViewThis 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. 5. The UIScreen class [[UIScreen mainScreen] applicationFrame] generally returns available areas based on the toolbar, Status Bar, and navigation bar in use. 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.