看了很多资料,最后感觉都很复杂,本人喜欢简单,不喜欢记那么多东西,所以决定整理一下,只记比例,不管其他的了
先普及一下知识吧
pt:独立像素,iOS开发基本单位(Point)
px:相对长度,设计基本上都是用px来标注(Pixel)
ppi:屏幕像素分辨率
dpi:独立像素分辨率
现在看一下iPhone设备的各参数
机型 | iPhone X | iPhone6 plus,iPhone7 plus,iPhone8 plus | iPhone6,6s,iPhone7,iPhone 8 | iPhone5,5s,iPhone SE | iPhone4 |
---|---|---|---|---|---|
屏幕尺寸 | 5.8英寸 | 5.5英寸 | 4.7英寸 | 4英寸 | 3.5英寸 |
物理尺寸 | 1080x1920px | 750x1134px | 640x1136px | 640x960px | |
设计像素 | 1125x2436px | 1242x2208px | 750x1134px | 640x1136px | 640x960px |
开发像素 | 375x957pt | 414x736pt | 375x667pt | 320x568pt | 320x480pt |
ppi | 458 | 401 | 326 | 326 | 326 |
dpi | 176 | 154 | 163 | 163 | 163 |
倍率 | @3x | @3x | @2x | @2x | @2x |
1pt = | 2.6px | 2.6px | 2px | 2px | 2px |
备注:pt = (屏幕像素分辨率)/(独立像素分辨率)px
即pt = (ppi/dpi)px
总结一下:
如果设计给你的设计图的标注是px的话,设计是基于5或者6设备的情况下,我们直接用他标注的数除以2就是我们需要的frame了。
备注:现在还没有搞完,等我Google一下后期进行更新。