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

2024-04-15 16:47:31

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像素，在纵向模式下为320*74像素，在横向模式下为480*74像素。

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

选项卡/工具栏

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

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

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

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

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

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

(转)iOS 各种控件默认高度（图示）
1.状态栏状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用.如下图用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明 ...
iOS设备分辨率 UI规范以及适配
iPhone/iPod Touch 普通屏 320像素 x 480像素 iPhone 1.3G.3GS,iPod Touch 1.2.3 3 ...
IOS学习笔记(四)之UITextField和UITextView控件学习
IOS学习笔记(四)之UITextField和UITextView控件学习(博客地址:http://blog.csdn.net/developer_jiangqq) Author:hmjiangqq ...
HTML5 Web app开发工具Kendo UI Web中Grid网格控件的使用
Kendo UI Web中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页.排序.分组.选择等,同时还有着大量的配置选项.使用Kendo DataSource组件,可以绑定到本地的J ...
第31讲 UI组件之 Gallery画廊控件
第31讲 UI组件之 Gallery画廊控件 1.Gallery的简介 Gallery(画廊)是一个锁定中心条目并且拥有水平滚动列表的视图,一般用来浏览图片,并且可以响应事件显示信息.Gallery只 ...
Panuon.UI.Silver – 开源C# WPF控件库
Panuon.UI.Silver – 开源C# WPF控件库 Dotnet9 • 2019年12月13日 22:55 • WPF • 阅读 12145 时间如流水,只能流去不流回! 点赞再看,养成习惯 ...
macOS SwiftUI 选择器组件规范之 01 分段控件Segmented Controls
macOS SwiftUI 选择器组件规范之 01 分段控件什么是分段控件(Segmented Controls) 分段控件是两个或多个分段的水平集合,每个分段都充当一个按钮-通常是一个切换按钮.分 ...
温故而知新，UI学习中的大部分控件及常用的基础都整理了一下，很长~~~~~~~~~很长！！！！！！！...
生命周期,生命周期,生命周期,重要的事要说三遍,战五渣的我最常用的好像只有Viewwillappear吧 - (BOOL)application:(UIApplication *)applicatio ...
java 给控件添加边框_Android UI 利用Drawable Shape给控件加边框/立体效果
在软开中,经常需要对原生的控件UI进行修改,最近项目由于UI没到位,所有有些带边框的有立体效果的UI要自己实现,实现方法是用XML写Shape. ListView Items加边框构成立体效果: 通过 ...
SAP UI5 sap.ui.vk 命名空间内的控件介绍
SAP 电商云 Spartacus UI 里的 spare part 3D 模型展示,使用的控件来自 SAP UI5 sap.ui.vk 下的控件. sap.ui.vk 库为应用程序中 2D 和 3D ...

最新文章

热门文章