IOS界面适配

一、基本概念

1.DPI(每英寸点数)

DPI是Dots Per Inch(每英寸所打印的点数)的缩写,是打印机、鼠标灯设备分辨率的单位。这是衡量打印机打印精度的主要参数之一,一般来说,该值越大,表明打印机的打印精度越高。

DPI是指每英寸的像素,也就是扫描精度。国际上都是计算一平方英寸面积内像素的多少。dpi越小,扫描的清晰度越低,由于受网络传输速度的影响,web上使用的图片都是72dpi,但是冲洗照片不能使用这个参数,必须是300dpi或者更高350dpi。例如要冲洗4*6英寸的照片,扫描精度必须是300dpi,那么文件尺寸应该是(4*300)*(6*300)=1200像素*1800像素。

2.PPI(每英寸像素数目)

Pixels Per Inch也叫像素密度,表示的时每平方英寸所拥有的像素数量。因此PPI数值越高,即代表显示屏能够以越高的密度显示图像。显示密度越高,拟真度就越高。

区别:
打印尺寸、图像的像素数与打印分辨率之间的关系可以利用下列的计算公式加以表示:
图像的横向(竖向)像素数=打印横向(竖向)分辨率×打印的横向(竖向)尺寸,
图像的横向(竖向)像素数/打印横向(竖向)分辨率=打印的横向(竖向)尺寸。

3.ios设备参数及重要概念

1)概念:
坐标:表示屏幕物理尺寸大小,坐标变大了,表示机器屏幕尺寸也变大了;
像素:表示屏幕图片大小,跟坐标之间有个对应关系,比如1:1或1:2等;
ppi:表示屏幕物理大小到图片大小的比例值,如果ppi不变,则坐标和像素的比例不会变。

2)ios设备参数说明:

Iphone4以前:
iphone、iphone3/3G机型未采用retina,坐标是320*480,屏幕像素是320*480,他们是一一对应,1:1关系,即一个坐标对应一个像素。

Iphone 4/4s:
采用retina显示屏,坐标是320*480,屏幕像素是640*960,他们之间是1:2关系,即一个坐标对应2个像素。

Iphone 5/5s/5c :
采用retina显示屏,坐标是320*568,屏幕像素是640*1136,他们之间的关系是1:2

Iphone 6 :
采用retina显示屏,坐标是375*667,像素是750*1134,他们之间的关系式1:2。

Iphone 6 plus :
采用retina显示屏,坐标是414*736,屏幕像素是1080*1920,关系式1:2.6

3)适配方法

在Iphone 4s及Iphone 4s之前,设备的坐标都是320*480,由于坐标没有变化,跟实际图片大小不是1:1就是1:2,所以可以直接使用绝对定位,确定每个视图位置,同时提供两套图片。~.png和~@2x.png,系统根据机器的分辨率自动决定使用哪张图片。

在Iphone 5/5s/5c之后,因屏幕大小坐标已变,高度增加568-480=88个点,若再使用绝对定位的方式会导致程序高度不够,如果程序未做适配,系统会将多出来的88个点会被自动均分为上下两个部分,使得上下出现黑边。为了解决这个问题,ios出现了AutoLayout这种新技术。AutoLayout可以解决不同机型,屏幕大小的变化,至于图片的适配,因为iphone5的坐标:像素 = 1:2,所以直接使用@2x.png图片。

……

Iphone 6 plus上使用的图片是@3x.png的。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值