博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iPhone像素点和常用控件尺寸
阅读量:4950 次
发布时间:2019-06-11

本文共 1536 字,大约阅读时间需要 5 分钟。

转自 

 

1、   iPhone中的点和像素。

点(pt)的英文全称是point,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。

像素(pixel)由Picture和 Element这两个词组成,像素是位图的最小单位,是一个一个彩色的颜色点,一个像素有三个基色点(三原色各一个)。在我看来,像素就是我们平时说的分辨率。

①点

iPhone4s及其之前的屏点大小都是320×480 pts

iPhone5的屏点大小是320×568pts

②像素

iPhone4之前的普屏,像素(分辨率)都是320×480pixels。

iPhone4和iPhone4s使用的Retina屏,像素都是640×960 pixels

iPhone5的Retina屏,像素是1136×640pixels

③点(pt)与像素(pixels)换算关系 

普屏       1点 = 1像素 

Retina屏 1点 = 2像素 

这样,不管我们是在为普屏还是Retina屏进行设计与开发,我们都可以清楚地,并且统一地使用点(pt)对界面元素的大小进行描述了。

另外,人手指的最小点击范围是44pixels,所以在iPhone的很多细节上都是44 pixels。

④  分辨率适配问题

在使用图片资源时,用该方法:[UIImage imageNamed:@"adflower.png"]] 

在实际运行时,如果发现当前的设备是Retina屏,会自动寻找片"adflower@2x.png" ,自动加载针对Retina屏的图片素材。

所以,我们在开发过程中可以对图片文件进行分类,对于640x960文件夹里的图片,文件命名添加"@2x"即可。如图1所示:

                                            

                                                                       图1图片资源分类                                              

2、       iPhone常用控件的高度(见图2)

元素控件

尺寸(pts)

Window(含状态栏)

320 x 480

Status Bar的高度

20

Navigation Bar的高度

44

含Prompt的Navigation Bar的高度

74

Navigation Bar的图标

20×20

Tool Bar的高度

44

Tool Bar的图标

20×20

Tab Bar的高度

49

Tab Bar的图标

30×30

竖直时键盘的高度

216、252(iOS 5+的中文键盘)

水平时键盘的高度

162、198(iOS 5+的中文键盘)

 

 

                       

                                                       图2 iPhoneUI尺寸

3、      iPhone AppIcon尺寸

图标名称

尺寸(pts)

用途

是否必需

Icon.png

57×57

App Store和iPhone、iPod touch桌面显示

Icon@2x.png

114×114

Icon.png的高清模式

Icon-Small.png

29×29

“设置”应用和Soptlight搜索

Icon-Small@2x.png

58×58

Icon-Small.png高清模式

  

4、  获取部分Ui尺寸方法

①、app尺寸(去掉状态栏)

CGRect r = [ UIScreen mainScreen].applicationFrame;

r=0,20,320,460

②、屏幕尺寸

CGRect r = [ UIScreen mainScreen].bounds;

r=0,0,320,480

③、状态栏尺寸

CGRect rect = [[UIApplicationsharedApplication] statusBarFrame];

r = 0,0,320,20

转载于:https://www.cnblogs.com/rongxiang/p/4063808.html

你可能感兴趣的文章
20190724-Python网络数据采集/第 2 章 复杂HTML解析-导航树/正则表达式
查看>>
[Swift]LeetCode605. 种花问题 | Can Place Flowers
查看>>
[Swift]LeetCode494. 目标和 | Target Sum
查看>>
python--斐波那契数列
查看>>
mysql查询练习题
查看>>
python学习笔记(session)
查看>>
vue 与原生app的对接交互(混合开发)
查看>>
JavaEE笔记(七)
查看>>
设计模式--原型模式C++实现
查看>>
[LeetCode] 21. Merge Two Sorted Lists_Easy tag: Linked List
查看>>
[Reactive Programming] Using an event stream of double clicks -- buffer()
查看>>
家有Mybatis初养成1
查看>>
mvp学习
查看>>
MySQL缓存分类和配置
查看>>
第二次java作业
查看>>
js 数组
查看>>
P2260 [清华集训2012]模积和
查看>>
Discourse的优化
查看>>
小谈-—ServletConfig对象和servletContext对象
查看>>
python:接口开发
查看>>