每年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 适配的基础知识点
内容来自公众号:自言自君