转自
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