60pt 7 ios

2017-04-15 10:22:21 zhouziyu2011 阅读数 10525

1、屏幕尺寸

通常所说的iPhone3GS屏幕尺寸为3.5英寸、iPhone4屏幕尺寸为4英寸,指的是显示屏对角线的长度。

 

2、iOS尺寸单位

1) px:

像素,是物理屏幕显示的基本单位,即使在程序中使用的不是px,但最后都会转化为px,显示在手机上。

2) pt:

ios开发单位,即point,绝对长度,1pt=1/72英寸。

3) ppi:

Pixels Per Inch,即沿着对角线,每英寸所拥有的像素数目,屏幕像素密度。


其中,X和Y是像素分辨率。

如:

iphone3GS的像素分辨率是320px*480px,屏幕尺寸为3.5英寸,因此可以计算得出,iphone3GS的屏幕像素密度为163。


3、iphone的发展

1) iphone3GS的逻辑分辨率为320pt*480pt,而iphone3GS的像素分辨率为320px*480px,所以iphone3GS中一个点正好对应一个像素。所以,当要添加一个30pt*30pt的图片,只要告诉美工做一个30px*30px的图片即可。

2) iphone4的逻辑分辨率没有改变,仍为320pt*480pt,但像素分辨率改为640px*960px,这时一个点对应四个像素。所以,当要添加一个30pt*30pt的图片,该图片的像素为60px*60px,如果美工只做30px*30px的图片,系统会将这个图片放大,出现模糊的现象,因此需要告诉美工做一个60px*60px的image@2x.png图片。

3) iphone5的屏幕尺寸改为4英寸,但由于像素密度没有改变,仍为iphone3GS的2倍,每英寸所拥有的像素数目iphone3GS的2倍,也即每pt所拥有的像素数目iphone3GS的2倍,因此iphone5和iphone5s都用的是@2x的图片。

4) iphone6的像素分辨率没有改变,但iphone6 plus的像素分辨率改变了,一个点差不多对应2.46个像素,但不是应该做一个@2.46x的图片,而是应该做一个@3x的图片,然后再缩放到@2.46x上。所以当要添加一个30pt*30pt的图片,只要告诉美工做一个大小为90px*90px的image@3x.png图片。

 

4、iphone的尺寸规格

1) @1x,163ppi(iphone3gs)

2) @2x,326ppi(iphone4、4s、5、5s、6)

3) @3x,401ppi(iphone6+)


2018-05-24 10:11:18 qq_41959835 阅读数 1724
机型
发布时的系统
屏幕英寸
pt
像素
iPhone4   
iOS4
3.5英寸
320 * 480pt
960x640
iPhone4S
iOS 5
3.5英寸
320 * 480pt
960x640
iPhone5
iOS 6
4英寸
320 * 568pt
1136x640
iPhone5C / 5S
iOS 7
4英寸
320 * 568pt
1136x640
iPhone6
iOS 8
4.7英寸
375 * 667pt
1334x750
iPhone6Plus
iOS 8
5.5英寸
414 * 736pt
1920x1080
iPhone6S
iOS 9
4.7英寸
375 * 667pt
1334x750
iPhone6SPlus
iOS 9
5.5英寸
 414 * 736pt
1920x1080
iPhone7
iOS 10
4.7英寸
  375 * 667pt
1334x750
iPhone7Plus
iOS 10
5.5英寸
414 * 736pt
1920x1080
iPhone8
iOS 11
4.7英寸
  375 * 667pt
 1334 x 750
iPhone8Plus
iOS 11
5.5英寸
414 * 736pt
1920x1080
iPhoneX
iOS 11
5.8英寸
375 * 812pt
2436 x 1125
2018-05-24 10:08:42 YuanLiYin079 阅读数 5986
机型
发布时的系统
屏幕英寸
pt
像素
iPhone4   
iOS4
3.5英寸
320 * 480pt
960x640
iPhone4S
iOS 5
3.5英寸
320 * 480pt
960x640
iPhone5
iOS 6
4英寸
320 * 568pt
1136x640
iPhone5C / 5S
iOS 7
4英寸
320 * 568pt
1136x640
iPhone6
iOS 8
4.7英寸
375 * 667pt
1334x750
iPhone6Plus
iOS 8
5.5英寸
414 * 736pt
1920x1080
iPhone6S
iOS 9
4.7英寸
375 * 667pt
1334x750
iPhone6SPlus
iOS 9
5.5英寸
 414 * 736pt
1920x1080
iPhone7
iOS 10
4.7英寸
  375 * 667pt
1334x750
iPhone7Plus
iOS 10
5.5英寸
414 * 736pt
1920x1080
iPhone8
iOS 11
4.7英寸
  375 * 667pt
 1334 x 750
iPhone8Plus
iOS 11
5.5英寸
414 * 736pt
1920x1080
iPhoneX
iOS 11
5.8英寸
375 * 812pt
2436 x 1125
2015-08-07 20:23:08 wingsofPiano 阅读数 23114

   参考链接 : 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的图,命名为image@2x.png,然后将这两个图片都拖动到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的image@3x.png图片,然后在拖动到Images.xcassets文件夹里面

  


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


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


   


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


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