iOS设备的UI 规范

iPhone界面尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_02


iPhone图标尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_ui_03

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_04


iPad的设计尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_05

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_ui_06


iPad图标尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_07

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_08


iPhone设备尺寸分辨率比例

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_09


iPhone各设备 launch image

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_10


iOS 各种控件默认高度

状态栏

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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏_11

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

假设须要隐藏状态栏能够使用调用:
[[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];
或者在应用程序文件Info.plist中将UIStatusBarHidden键设为ture。

导航栏

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


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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏_12

选项卡/工具栏

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

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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_13

典型的带有导航栏和状态栏的应用程序为纵向显示保留了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的宽度极其图标大小。

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_14

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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏_15

參考资料:
UI 设计平台规范
iOS 各种控件默认高度(图示)


iOS设备的UI 规范

iPhone界面尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_02


iPhone图标尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_ui_03

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_04


iPad的设计尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_05

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_ui_06


iPad图标尺寸

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_07

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_08


iPhone设备尺寸分辨率比例

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_09


iPhone各设备 launch image

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_10


iOS 各种控件默认高度

状态栏

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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏_11

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

假设须要隐藏状态栏能够使用调用:
[[UIApplication sharedApplication] setStatusBarHidden:YES animated:NO];
或者在应用程序文件Info.plist中将UIStatusBarHidden键设为ture。

导航栏

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


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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏_12

选项卡/工具栏

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

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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_导航栏_13

典型的带有导航栏和状态栏的应用程序为纵向显示保留了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的宽度极其图标大小。

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_控件_14

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

iOS开发 iPhone 14 状态栏高度 苹果状态栏高度多少_状态栏_15