iPhone像素点和常用控件尺寸

iPhone像素点和常用控件尺寸

作者：wangzz

原文地址：http://blog.csdn.net/wzzvictory/article/details/8565872

转载请注明出处

如果觉得文章对你有所帮助，请通过留言或关注微信公众帐号wangzzstrive来支持我，谢谢！

1、    iPhone 中的点和像素。

点（pt）的英文全称是point，可以简单理解成我们使用UIKit或 Core Animation处理界面元素时所用到的逻辑坐标系统中的最小单位，详情可见我的另一篇博客《iPhone屏幕知识点解析》。

像素（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屏，会自动寻找片"[email protected]" ，自动加载针对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桌面显示	是
[email protected]	114×114	Icon.png的高清模式	是
Icon-Small.png	29×29	“设置”应用和Soptlight搜索	否
[email protected]	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

                                                                                                                          by wangzz