转载自:http://www.cnblogs.com/BigPolarBear/archive/2012/03/26/2417777.html
都说做iOS开发比Android省心,那么iOS是如何做到这一点的呢?我们今天就来分析一下,希望对做iOS的界面设计的同学有点帮助。
1 iOS设备的分辨率
iOS设备,目前最主要的有3种(Apple TV等不在此讨论),按分辨率分为两类
iPhone/iPod Touch
普屏分辨率 320像素 x 480像素
Retina分辨率 640像素 x 960像素
iPad,iPad2/New iPad
普屏 768像素 x 1024像素
Retina屏 1536像素 x 2048像素
2 iOS设计时用的点与分辨率的关系
尽管有上面列出的4种分辨率情况,不过细心的人会发现,对于Retina屏的分辨率始终保持为普屏的2倍,这对于iOS的设计还是开发的时候提供的莫大的方便,自然可以想到对于界面设计而言,只需要设计一套,然后进行等比例放大缩小即可。实际进行设计与开发的时候,也确实是这样,Apple为了防止在交流过程中(尤其对于编程实现)分辨率对思维的迷惑,统一使用点(Point)
对界面元素的大小进行描述,例如:
iPhone/iPod Touch
界面描述 320点 x 480点
iPhone/iPad
界面描述 768点 x 1024点
换算关系
普屏 1点 = 1像素
Retina屏 1点 = 2像素
这样,不管我们是在为普屏还是Retina屏进行设计与开发,我们都可以清楚地,并且统一地使用点对界面元素的大小进行描述了。
3 iOS界面图片的命名
现在我们能够用统一的语言描述两种屏幕的界面元素的大小,但是我们如何针对不同屏幕设置不同分辨率的图片素材呢?难道说开发的时候我们要在每一个图片加载的地方进行,添加判断当前设备是否是Retina屏的语句,然后加载对应的图片吗?当然可以这样做,但是iOS有一套更简便的方法进行自动加载,即通过规范的文件名命名。例如下面这条加载图片的语句:
[UIImage imageNamed:@"
pic.png
"
]]
在实际运行时,如果发现当前的设备是Retina屏,会自动寻找图片"pic@2x.png" ,自动加载针对Retina屏的图片素材,是不是很方便呢?
所以,我们在制作iOS设备时,可以仿照下面这样,对图片文件进行分类,对于640x960文件夹里的图片,文件命名添加"@2x"即可。
4 iOS应用常用图标的命名规范
可以参考下面两个文档:
Apple对此问题的Q&A
Apple的官方说明文档
请务必按照文档中描述的规范进行图标的命名!!
PS:一些额外的图标参考
a 图标会自动添加高亮效果,如果不需要,可以在plist中明确指定UIPrerenderedIcon
的键值去掉
b 57像素的普屏的iPhone图标,图标圆角的半径为10像素
c 114像素Retina屏的iPhone图标,图标圆角的半径为20像素
d 512像素的用于iTunes/App Store的图标,在实际显示是会被缩放到175像素进行显示(但提交是不可以提交175像素)
e 72像素的普屏iPad图标,图标圆角的半径为13像素
f 144像素Retina屏iPad图标,图标圆角的半径为26像素
g 50像素iPad的Spotlight搜索图标的最终视觉大小是48像素,原因是iOS会对图标的每个边去掉1个像素,添加阴影效果
h 100像素Retina屏的Spotlight搜索图标的最终视觉大小是96像素,原因同上,这次是每边减2个像素
分享到:
相关推荐
ios粤语修改分辨率
iPhone分辨率大全:3GS、4、4S、5、5C、6、6plus、7、7plus、8、8plus、X、XS、XS Max、XR 分辨率,尺寸对比图
RetinaPro ,NGUI分辨率自适应 超级方便,快捷,简单
无限互联ios视频教程全集之UI基础部分【分辨率1280×800】
delphi 设置屏幕分辨率,delphi 设置屏幕分辨率
下面小编就为大家分享一篇iOS实现对不同分辨率设备的字号大小适配方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
千锋3G学院-IPHONE_iOS系列课程之Objective-C【分辨率1024*768】MP4视频格式,高清无密码,尽快下载,以免和谐!
千锋iOS培训_欧阳坚_最新最给力的Swift视频教程【分辨率1280×800】MP4格式高清无密码,尽快下载,以免和谐!
千锋学院-欧阳老师iOS培训视频-UI第一季2013年10月发布【分辨率1280×720】MP4格式高清无密码,抓紧下载,以免和谐!
EasyClick 全分辨率免ROOT按键精灵插件,https://easyclick.gitee.io,免ROOT不限手机环境,支持Android 5.0到10,全节点分析不限分辨率
关东升主讲-精通IOS开发[IPHONE与IPAD应用开发课程视频]【分辨率1024×768】无压缩无密码高清版,百度网盘地址,尽快下载,以免和谐!
iOS_多媒体_播放时设置视频的分辨率_21BMPlayer-sd-hd
iOS开发开发知识精美画册,一百多张精美ppt,生动形象、切中要点地讲解iOS开发众多知识点! 数量:一百多张精美ppt 分辨率:超清晰1920 * 1080 内容:生动形象、切中要点地讲解iOS开发众多知识点!
传智播客-IOS7案例讲解公开课【分辨率1280×800】MP4高清,无密码,抓紧下载,以免和谐!
IOS(iPad)应用程序开发入门视频教程【分辨率1366×800】无压缩无密码高清版,尽快下载,以免度娘和谐!
iOS设计尺寸规范。包含字体,尺寸,图标,分辨率和显示规则。
android仿ios日期滚轮,已针对各种手机分辨率做了适配,天数随月份改变,比如2月的天数
代码打包后大小是15.3 MB,论坛文件限制大小只有4MB,没办法我只有传到CSDN上,设置下载分5分的原因是设置点障碍,防止新手乱下载,乱转载不注明出处,Android版当时就出现了这样的情况,我是支持大家相互交流的,...
iOS弹出视图 PopoverView ,PopoverView 是一个简单的跟分辨率无关的 UIView ,完全基于 CoreGraphic...
VMware Workstation Pro15.6版本darwin.ios,下载后解压到虚拟机安装目录,虚拟机关机后,添加DVD启动项即可,或者复制到mac系统里,点安装,安装重启后解决显卡分辨率问题,