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

时间:2022-12-26 16:06:21

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 各种控件默认高度(图示)

79.iOS 设备的UI规范和iOS各控件默认高度的更多相关文章

  1. iOS开发——基本常识篇&各种控件默认高度

    各种控件默认高度   1.状态栏 状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用.如下图 用户可以隐藏状态栏,也可以将状态栏设置 ...

  2. 【转】iOS开发——基本常识篇&各种控件默认高度

    原文:http://www.cnblogs.com/iCocos/p/4595614.html 各种控件默认高度   1.状态栏 状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注 ...

  3. iOS 各种控件默认高度

    1.状态栏 状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用.如下图   用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半 ...

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

    1.状态栏 状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用.如下图 用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明 ...

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

    1.状态栏 状态栏一般高度为20像素,在打手机或者显示消息时会放大到40像素高,注意,两倍高度的状态栏在好像只能在纵向的模式下使用.如下图 用户可以隐藏状态栏,也可以将状态栏设置为灰色,黑色或者半透明 ...

  6. IOS开发-UI学习-使用UIImageView控件制作动画

    先添加40张tomcat的图片到资源列表中:名称为cat_eat0000.jpg到cat_eat0039.jpg. 1.定义所需控件 // 定义按钮,图片控件.可变数组对象 UIButton *act ...

  7. iOS 根据字符串数目,自定义Label等控件的高度

    利用分类,NSString,增加一个方法. #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interfa ...

  8. iOS iPhone iPad 各种控件默认高度

    iPhone iPad 各种控件默认高度 注意:这些是ios7之前的,ios7之后(包括ios7)有改动,我会在后面标注出来 iPhone和iPad下各种常见控件的宽度和标准是一样的,所以这里就用iP ...

  9. iOS开发UI篇—使用picker View控件完成一个简单的选餐应用

    iOS开发UI篇—使用picker View控件完成一个简单的选餐应用 一.实现效果 说明:点击随机按钮,能够自动选取,下方数据自动刷新. 二.实现思路 1.picker view的有默认高度为162 ...

随机推荐

  1. 最新Linux部署&period;NET&comma;Mono and DNX

    这几天一直在折腾在Linux下的ASP.NET 5,就下在看来在其它操作系统中ASP.NET 5或.NET应用,要想在完整的MS VM(CoreCLR)上运行还不远远达不到,应用的效果. 目前只能在M ...

  2. Oracle 11g RAC 卸载CRS步骤

    Oracle 11g之后提供了卸载grid和database的脚本,可以卸载的比较干净,不需要手动删除crs ##########如果要卸载RAC,需要先使用dbca删除数据库,在执行下面的操作### ...

  3. Java介绍(重要特点)

    Java语言平台版本 JavaSE标准版本,是JavaME 和Java EE的基础,能够开放基本桌面程序. JavaME 一句话,安卓开发. JavaEE 一句话,网页开发. Java重要特性(跨平台 ...

  4. lseek&lpar;&rpar;函数

    lseek()有个特殊的用途,确定文件是常规文件还是设备.<pre lang="c" escaped="true">off_t currpos;ou ...

  5. View实现涂鸦、撤销以及重做功能

    import java.io.File; import java.io.FileNotFoundException; import java.io.FileOutputStream; import j ...

  6. 【HTML】section

    1.  定义 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分. 2. div.section . article的区别 div: 本身没有任何语义,用作布局以及样式 ...

  7. cc&period;Node 的坐标空间与ACTION的学习

    1.创建二维的向量坐标 //创建向量坐标方法一 let new_pos1 = new cc.Vec2(100, 100); //创建向量坐标方法二 let new_pos2 = cc.v2(200, ...

  8. nio、bio区别,应运场景

    bio阻塞i/o a.面向流的,InputStream(),OuputStream字节输入流,字节输出流,Reader,Writer字符输入流,字符输出流 b.阻塞的IO,比如Socket,它的底层用 ...

  9. maven 详解二

    转自 http://www.cnblogs.com/whgk/p/7121336.html 前一节我们明白了maven是个什么玩意,这一节就来讲讲他的一个重要的应用场景,也就是通过maven将一个ss ...

  10. 34&period;Linux-printk分析、使用&lowbar;&lowbar;FILE&lowbar;&lowbar;&comma; &lowbar;&lowbar;FUNCTION&lowbar;&lowbar;&comma; &lowbar;&lowbar;LINE&lowbar;&lowbar; 调试

    本节学习目的 1)分析printk()函数 2)使用printk()调试驱动 1.在驱动调试中,使用printk(),是最简单,最方便的办法 当uboot的命令行里的“console=tty1”时,表 ...