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

iOS设备的UI 规范

iPhone界面尺寸

这里写图片描述

这里写图片描述


iPhone图标尺寸

这里写图片描述

这里写图片描述


iPad的设计尺寸

这里写图片描述

这里写图片描述


iPad图标尺寸

这里写图片描述

这里写图片描述


iPhone设备尺寸分辨率比例

这里写图片描述


iPhone各设备 launch image

这里写图片描述


iOS 各种控件默认高度

状态栏

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

这里写图片描述

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

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

导航栏

在纵向模式下导航栏为44像素高,在横向模式下为32像素高,导航栏提供了一个很少用的提示模式,该模式将高度扩展了30像素,在纵向模式下为32074像素,在横向模式下为48074像素。
要向导航栏添加提示,则设置self.navigationItem.prompt = @"…"。

这里写图片描述

选项卡/工具栏

选项卡为48像素高,工具栏为44像素高。此两个UI元素通长不用于横向模式。

这里写图片描述

典型的带有导航栏和状态栏的应用程序为纵向显示保留了320416的区域,为横向保留了480268的区域。如果使用选项卡栏或者工具栏则会使高度再次减少48或者44像素。

键盘和pickerView

此一般都为横向320216像素,纵向为480162像素。
另外,UISwitch默认为94*28像素,UISegmentedControl通长为44像素高。
UITextField高度一般至少为30像素。

UIScreen类

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

控件列表

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

以下是常见的几种控件的高度。Statusbar,Navigationbar和Tabbar的宽度极其图标大小。

这里写图片描述

下表是更为详细的参数,包括了Statusbar,Navigationbar、Tabbar、toolbar和Keyboard等等

这里写图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值