iPhone像素点和常用控件尺寸

作者：wangzz

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

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屏，会自动寻找片"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

iPhone像素点和常用控件尺寸相关推荐

Android 开发 -- 开发第一个安卓程序、Android UI开发（布局的创建：相对布局和线性布局、控件单位：px pt dp sp、常用控件、常见对话框、ListView）
文章目录 1. 开发第一个Hello World程序 1.1 开发程序 1.2 认识程序中的文件 1.3 Android程序结构 1.4 安卓程序打包 2. Android UI开发 2.1 布局的创 ...
为触屏手机而设计系列1—拇指操作的热区死角与控件尺寸
Part 1 研究背景 1.1 触屏手机界面设计的背景与挑战挑战1:发展时间短,国内外的研究都尚处在探索阶段,充满未知和不确定. 触屏技术最早被应用到手机上要追溯到1999年(motorola A6 ...
为触屏手机而设计系列1——拇指操作的“热区/死角”与“控件尺寸”
Part 1 研究背景 1.1 触屏手机界面设计的背景与挑战挑战1:发展时间短,国内外的研究都尚处在探索阶段,充满未知和不确定. 触屏技术最早被应用到手机上要追溯到1999年(motorola A ...
控件尺寸规范_微信小程序设计规范你了解多少
正好最近我也要开发小程序,所以今天我就从设计方面聊一聊微信小程序设计规范,埋上设计中可能会出现的坑,让你能更好的完成你的小程序- 一.宏观角度微信小程序设计的基本原则是微信设计中心针对在微信类上线的 ...
VS2010/MFC编程入门之二十（常用控件：静态文本框）
上一节鸡啄米讲了颜色对话框之后,关于对话框的使用和各种通用对话框的介绍就到此为止了.从本节开始鸡啄米将讲解各种常用控件的用法.常用控件主要包括:静态文本框.编辑框.单选按钮.复选框.分组框.列表框.组 ...
MFC编程入门之二十（常用控件：静态文本框）
上一节讲了颜色对话框之后,关于对话框的使用和各种通用对话框的介绍就到此为止了.从本节开始将讲解各种常用控件的用法.常用控件主要包括:静态文本框.编辑框.单选按钮.复选框.分组框.列表框.组合框.图片控 ...
android常用控件实验报告,常用控件的编程实验报告
实验二常用控件的编程一.实验目的和要求 (1)掌握窗口下拉列表框.选择钮.组合框.多行编辑框等常用控件的基本使用方法和编程方法: (2)掌握窗口控件的齐整性操纵方法以及Tab顺序的设置: (3)掌 ...
Android 计算控件尺寸(转)
onMeasure方法在控件的父元素正要放置它的子控件时调用.它会问一个问题,"你想要用多大地方啊?",然后传入两个参数-- widthMeasureSpec和heightMeas ...
Android入门到精通｜安卓/Android开发零基础系列Ⅱ【职坐标】-学习笔记（1）-- 常用控件及资源介绍
前言为了巩固Android基础知识,回顾一下学习内容,才有此学习笔记. IDE Androdi Studio 4 + Genymotion 创建项目修改项目的 build.gradle,添加国内镜 ...

iPhone像素点和常用控件尺寸

iPhone像素点和常用控件尺寸相关推荐

最新文章

热门文章