79.iOS 设备的UI规范和iOS各控件默认高度

iOS设备的UI 规范

iPhone界面尺寸

79.iOS 设备的UI规范和iOS各控件默认高度

79.iOS 设备的UI规范和iOS各控件默认高度


iPhone图标尺寸

79.iOS 设备的UI规范和iOS各控件默认高度

79.iOS 设备的UI规范和iOS各控件默认高度


iPad的设计尺寸

79.iOS 设备的UI规范和iOS各控件默认高度

79.iOS 设备的UI规范和iOS各控件默认高度


iPad图标尺寸

79.iOS 设备的UI规范和iOS各控件默认高度

79.iOS 设备的UI规范和iOS各控件默认高度


iPhone设备尺寸分辨率比例

79.iOS 设备的UI规范和iOS各控件默认高度


iPhone各设备 launch image

79.iOS 设备的UI规范和iOS各控件默认高度


iOS 各种控件默认高度

状态栏

状态栏一般高度为20像素。在打手机或者显示消息时会放大到40像素高。注意,两倍高度的状态栏在好像仅仅能在纵向的模式下使用。例如以下图

79.iOS 设备的UI规范和iOS各控件默认高度

用户能够隐藏状态栏。也能够将状态栏设置为灰色,黑色或者半透明的黑色。

假设须要隐藏状态栏能够使用调用:

[[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];

或者在应用程序文件Info.plist中将UIStatusBarHidden键设为ture。

导航栏

在纵向模式下导航栏为44像素高,在横向模式下为32像素高。导航栏提供了一个非常少用的提示模式,该模式将高度扩展了30像素,在纵向模式下为320*74像素,在横向模式下为480*74像素。

要向导航栏加入提示,则设置self.navigationItem.prompt = @”…………….”。

79.iOS 设备的UI规范和iOS各控件默认高度

选项卡/工具栏

选项卡为48像素高。工具栏为44像素高。

此两个UI元素通长不用于横向模式。

79.iOS 设备的UI规范和iOS各控件默认高度

典型的带有导航栏和状态栏的应用程序为纵向显示保留了320*416的区域,为横向保留了480*268的区域。假设使用选项卡栏或者工具栏则会使高度再次降低48或者44像素。

键盘和pickerView

此一般都为横向320*216像素,纵向为480*162像素。

另外,UISwitch默觉得94*28像素,UISegmentedControl通长为44像素高。

UITextField高度一般至少为30像素。

UIScreen类

[[UIScreen mainScreen] applicationFrame]通常会依据正在使用的工具栏,状态栏。导航栏来返回可用的区域。

控件列表

iPhone和iPad下各种常见控件的宽度和标准是一样的,所以这里就用iPhone说明。

下面是常见的几种控件的高度。

Statusbar,Navigationbar和Tabbar的宽度极其图标大小。

79.iOS 设备的UI规范和iOS各控件默认高度

下表是更为具体的參数。包含了Statusbar,Navigationbar、Tabbar、toolbar和Keyboard等等

79.iOS 设备的UI规范和iOS各控件默认高度

參考资料:

UI 设计平台规范

iOS 各种控件默认高度(图示)

上一篇:20155338 2016-2017-2 《Java程序设计》第九周学习总结


下一篇:2天驾驭DIV+CSS (实战篇)(转)