iOS 2x 3x

iOS中:

备注:

Retina是一种显示技术,可以将把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度。而其最初该技术是用于苹果的iPhone4上。其屏幕分辨率为960×640(每英寸像素数326ppi)。这种分辨率在正常观看距离下足以使人肉眼无法分辨其中的单独像素。 

坐标系是用的是点point,而不是pixel像素 

旧的iOS设备,不带retina屏幕: 

iPhone, iPhone3G, iPhone3GS, iPad, iPad 2, iPad mini, and early iPod touches 

中,一个点=一个像素 

新的iOS设备,带retina屏幕: 

iPhone 4, iPad with Retina Display, and iPod touch 4 

一个点=2个像素=对应带图片: 

在原有(假如是png图片)xxx.png基础上 

再新增加一个,分辨率更高的图片,图片名写成:xxx@2x.png 

而无需改变程序的代码,即可-》xcode会帮你自动处理图片 

  

如上所述: 

更新的iOS设备: 

iPhone 6 Plus 

屏幕更精细,分辨率更高,则: 

需要更高精细度的图片,图片名写成:xxx@3x.png 

  

而对于@2x和@3x的图片,除了更加清晰之外,是否会包含显示更多内容,则取决你自己。 

  

xcode中,根据需要,制作或得到对应的1x,2x,3x的图片,放到xcode的images文件夹下即可。 

然后程序中,代码中,直接加载图片即可正常显示。

开发中,例如:

nanshanImage.image=[UIImage imageNamed:@"index_pic.png"];

在项目中还保存中index_pic@2x.png的图片,此图为了只适应960*640的分辨率手机

注意:适应Iphone5的相关图片尺寸,也要加@2x.png。比如欢迎界面:Default-568h@2x.png;这个才能匹配上。

而index_pic.png是适应640*320的手机,但是在代码中必须写成[UIImage imageNamed:@"index_pic.png"];这样系统自动会根据不同分辨率手机决定是否调用index_pic@2x.png还是index_pic.png,会自动根据分辨率来匹配用哪张图。

可是如果写成[UIImage imageNamed:@"index_pic@2x.png"];那么系统无法自动判断,根据640*320分辨率来调用index_pic.png图片,系统只会将index_pic@2x.png这一张图当做某控件的图片,不会自动寻找匹配。

因此,开发中[UIImage imageNamed:@"index_pic.png"];里面的图片都是用小分辨率格式名的图片,这样会自动适应大分辨率图片,直接调用。

  UIImage类处理了所有需要加载高分辨率图片到应用中的工作。当创建一个新的image对象后,只要以同样的名称来同时请求图片的标准版和高分辨率版即可。例如,如果有两张图片文件,名为Button.png和Button@2x.png,只要用以下代码请求图片即可: 

  UIImage* anImage = [UIImage imageNamed:@"Button"];

注意,在IOS4及以后的版本,可以省略文件扩展名而只提供图片名称即可。 

       在高分辨率显示屏下, imageNamed:, imageWithContentsOfFile:, 和initWithContentsOfFile: 方法自动查找具有@2x名称的图片(注意:如果@2x.png图片与.png图片必须放在项目同一包下,才能自动查找)。如果找到,则会加载该图片。如果没有提供给定图片的高分辨率版本,image对象仍会加载标准版的图片资源,并在绘画过程中将其缩放。如果有提供给定图片的高分辨率版本,但是没有标准版的图片,在标准版显示屏下不会加载高清的图片。

说明:1,Create folder references for any added folders

创建引入的是蓝色的文件夹结构,物理路径。 利用imageWithContentsOfFile获取图片,@2x.png与.png必须在同一蓝色目录下。

 2,Create groups for any added folders

  导入文件的时候会是逻辑结构,而不是物理结构,目录结构图标如下,黄色的文件夹结构,和构建的Group是一样的,@2x.png与.png可在黄色不同的文件夹下因为没有物理路径,引用的图片路径其实在同一路径下)。

注意:xib中选择图片做背景时,也是一样的原理!也是选择不带@2x的,这样会自带根据分辨率匹配是否使用小图还是@2x大图!

原文地址:https://www.cnblogs.com/SensenCoder/p/4988265.html