iOS开发 - 论2倍图与3倍图的重要性

1、什么是 2倍图、3倍图

比如你需要一个30*30的图标,那么这时你就需要三个文件:
一个是 30*30 的 PNG 图片,用原名来命名即可,例如aaaa.png。
一个是 60*60 的 PNG 图片,这个要用原名@2x来命名,例如aaaa@2x.png。
一个是 90*90 的 PNG 图片,这个要用原名@3x来命名,例如aaaa@3x.png。
这样把这三张图片导入进工程的Asset,你会神奇地发现,这三个文件居然会被iOS统一识别为aaaa.png,
用的时候只需要 [UIImage imageNamed:@"aaaa"] 就行了。
原图、2倍图 、3倍图.jpg

2、有三套图(普通屏 和 高清屏[两套])的原因:

我们需要在应用中放置三套图,一套是普通屏的,另外两套是高清屏的(高清
屏里又有分辨率不同的区别)。高清屏的命名方式:***@2x.png  ***@3x.png。
使用的时候只要使用普通屏的图片,在高清屏时会自动调用高清屏的图片。

3、具体的体现:

如果应用都是只用高清屏的图片,但在一些情况下会出现一些难控制的布局,
最明显的还是用在我们的导航栏的按钮上,比如我们自定义一个按钮放到导航栏上,
会发现这个按钮的在各种屏幕上忽大忽小,总是与系统按钮有很大的位置差别,
但是如果我们这个时候使用了2倍图与3倍图,那么就会图片就会按照要求自动靠边了

推荐一个可以很方便生成@2x和-@3x图的工具:Prepo。
下载地址:https://itunes.apple.com/cn/app/prepo/id476533227?mt=12
本文参考自:http://blog.sina.com.cn/s/blog_93605e940102v6i0.html

推荐阅读更多精彩内容