IOS界面适配一: Pt与Px的关系

   参考链接 : iPhone屏幕尺寸、分辨率及适配

  

  在IOS界面开发中,我们一般是使用pt(Point)来作为View的单位,它是一个标准的长度单位,1pt=1/72英寸

  而px即为我们所说的像素,是物理屏幕显示的基本单位,虽然我们在程序中使用的不是px,但是其最后都会转化为px然后显示在我们的手机上

  

  在iphone4以前的时代,iphone整个屏幕长度为320pt*480pt,而iphone的像素为320*480,所以iphone中一个点正好对应一个像素。

  所以,当我们要在iphone中添加一个30pt*30pt的图片,因为一个点正好对应一个像素,所以这时候只要告诉美工做一个30px*30px的图片即可

  

  iphone4出来时候,屏幕的尺寸没有改变,即屏幕的长度还为320pt*480pt,但屏幕的分辨率改为640*960,这时候一个点对应四个像素

  那么现在我要是想做一个上述图片的话,在iphone4中这个尺寸的图片所在的像素为60*60,如果我只做30px*30px的图片的话,假如这个图片叫做image.png ,那么系统会将这个图片放大,会出现模糊的现象.

  这时候,我们可以告诉美工做一个60px*60px的图,命名为[email protected],然后将这两个图片都拖动到Images.xcassets文件夹里面,系统会自动生成一个image的文件,里面对号入座着image不同分辨率的图片,我们的程序在使用中,直接使用image.png为图片名即可,程序会根据不同的屏幕来加载不同的图片

  

  又来到了2012年,苹果发布了iphone5,这时候屏幕改为4英寸,但是由于像素密度没有改变,iphone5和iphone5s都是用的是@2x的图片

  

  时光飞逝,苹果发布了iphone6和iphone6 plus ,iphone6的像素分辨率没有改变,但是plus的像素分辨率改变了,一个点差不多对应2.46个像素,那么我们是不是应该做一个图片加上@2.46x呢,答案是否定的。苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上。这时候我们想要这个image.png适配iphone6 plus的话,需要做一个大小为90px*90px的[email protected]图片,然后在拖动到Images.xcassets文件夹里面

  


   所以,如果我们想要坐到完美适配,同一个图片必须要做@1x,@2x,@3x三种,这三种类型的长度的比例为:     @3x为三倍的@1x      @2x为两倍的@1x


   下面上一张从第一行的那个链接中的博客截的iPhone尺寸图,不得不说总结的非常好


   IOS界面适配一: Pt与Px的关系_第1张图片


  总体来说,iphone的屏幕密度并没有安卓的那么复杂,但是如果只靠一个pt想解决IOS下多机型的适配的话,估计只能在代码中手动写了(想想就可怕),真正的iphone适配利器是AutoLayout,正确的使用AutoLayout不仅能大大的减少我们的工程量,还能非常完美的解决多分辨率下的适配问题。


  我们下一节在讨论AutoLayout,链接为:  IOS界面适配二: Auto Layout的使用(上)  



你可能感兴趣的:(iOS屏幕适配)