iOS端最全适配

每年iPhone都在迭代,而我们都在关心的,是不是又要有新的尺寸出来作妖哈哈哈哈。下面基于2019年iOS的详细情况,从参数理解、现有分辨率状况、页面设计注意事项(即安全区域)三方面来理解iOS适配。

01. 先了解三个参数

渲染像素,屏幕截图的图片尺寸,单位px

逻辑像素,程序员开发所用尺寸,单位pt

倍率,渲染像素/逻辑像素,便是倍率,常见2X,3X等


02. iPhone分辨率现状

整体上把现有的iOS屏幕分为两大类,非全面屏和全面屏

非全面屏:包含数字系列(6、6s、7、8)和Plus系列(6 Plus、6s Plus、7 Plus、8 Plus),5s、SE的尺寸由于市场占有率低的原因,适配可忽略。

数字系列,屏幕为4.7英寸,750x1334、2X(375x667)

Plus系列,屏幕为5.5英寸,1242x2208,(414x736)

奇葩的Plus系列,苹果官方给出的物理像素点是1080x1920,但试着截一张图就会发现,图片尺寸为1242x2208,即既逻辑像素为414x736,所以此处就以414x736的尺寸做设计图。

全面屏系列:按照屏幕尺寸,可以分为三类,即屏幕尺寸为5.8英寸、6.1英寸和6.5英寸。

5.8英寸屏幕:包含 iPhone  X、iPhone XS、iPhone 11 Pro,1125x2436,(375x812)3X

6.1英寸屏幕:包含 iPhone XR、iPhone 11,828x1792,(414x896)2X

6.5英寸屏幕:包含 iPhone XS Max、iPhone 11 Pro Max,1242x2688,(414x896)3X

屏幕尺寸总结,iPhone在逻辑像素共有四种,375x667,375x812,414x736,414x896

03. 安全区域

非全面屏都是矩形,整个屏幕都是安全区域。

全面屏受到大圆角、刘海以及底部的影响,UI图更需要考虑安全区域

顶部44pt、底部34pt

注意顶部和底部的适配

以上

是为 iOS 适配的基础知识点

内容来自公众号:自言自君

你可能感兴趣的:(iOS端最全适配)