适配
适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
屏幕逻辑分辨率和物理分辨率
所有iphone屏幕逻辑分辨率和物理分辨率:
The Ultimate Guide To iPhone Resolutions
从上面链接网页可以看出只有plus版本比较特殊:
逻辑分辨率: 414 × 736
Rendered分辨率:1242 × 2208
实际的物理分辨率是:1080 × 1920
而其他版本的iphone的Rendered分辨率和物理分辨率都是一致的。
在plus中截图得到的图片分辨率是1242 × 2208,那么问题来了,要完美显示需要提供1080 × 1920还是1242 × 2208的图片呢?
事实上,只要提供1080 × 1920的图片就可以完美显示,而如果你提供1242 × 2208的图片,系统会自动downsampling到1080 × 1920来显示。也就是说就算你提供的是1242 × 2208的图片,系统其实在显示时还是替你缩放到1080 × 1920。
因为其他版本的scale都是1x/2x/3x,而plus按物理分辨率的scale比较奇葩是2.6,为了不给开发增加麻烦,所以苹果把scale提升到3,所以才有了1242 × 2208的Rendered分辨率,在真正显示时由系统负责缩放拉伸到1080 × 1920。
在iphone6s plus中打印scale和nativeScale:
NSLog(@"scale:%f, nativeScale: %f", UIScreen.mainScreen.scale, UIScreen.mainScreen.nativeScale);
结果为:
scale:3.000000, nativeScale: 2.608696
可以看出nativeScale就是真正的scale,而scale是系统自动缩放的scale。
iphone6sp实测显示:
使用UIImageView载入Assets.xcassets中3x的图片,一张是1080 × 1920,命名Image1080, 一张1242 × 2208,命名Image1242。
默认imageView.contentMode = .scaleToFill,全屏显示,此时按按钮切换两张图片,看不出来任何差别。
当imageView.contentMode = .topLeft时,此时1242p图片可以全屏显示,但是Image1080会留有空白。
那么也就是说为了节省资源,在plus中可以直接使用1080p的图片,但是显示时需要scale拉伸。
分辨率统计
参考:
iOS(iPhone11/Pro/Max)设备的机型/尺寸/型号/代码/像素/比例
但是这个链接中的表格关于iphone部分不全,没有逻辑分辨率和Scale,我补全了。
所有设备型号:
我总结一下:
iphone上的比例除了上古的4及以前的机型不考虑以外,按比例的话只有两种比例:
16:9和19.5:9,按宽度来适配,考虑好safearea,追求完美的话可以做两套设计稿,这样程序就不用考虑多出来的高度怎么处理了,直接按设计稿按比例缩放就好。
以下表格在简书中的排版好难看,唉。
iPhone:
机型 | 逻辑分辨率 | Scale | 物理分辨率 | 比例 | 像素密度 | 屏幕尺寸 | 机型代码 | 发布日期 |
---|---|---|---|---|---|---|---|---|
iPhone 2g | 480×320 | @1X | 480×320 | 3:2 | 163ppi | 3.5 | iPhone1,1 | 2008.01 |
iPhone 3g | 480×320 | @1X | 480×320 | 3:2 | 163ppi | 3.5 | iPhone1,2 | 2008.06 |
iPhone 3gs | 480×320 | @1X | 480×320 | 3:2 | 163ppi | 3.5 | iPhone2,1 | 2009.06 |
iPhone 4 | 480×320 | @2X | 960×640 | 3:2 | 163ppi | 3.5 | iPhone3,1、iPhone3,2、iPhone3,3 | 2010.06 |
iPhone 4s | 480×320 | @2X | 960×640 | 3:2 | 326ppi | 3.5 | iPhone4,1 | 2011.10 |
iPhone 5 | 568×320 | @2X | 1136×640 | 16:9 | 326ppi | 4.0 | iPhone5,1、iPhone5,2 | 2012.09 |
iPhone 5c | 568×320 | @2X | 1136×640 | 16:9 | 326ppi | 4.0 | iPhone5,3、iPhone5,4 | 2013.09 |
iPhone 5s | 568×320 | @2X | 1136×640 | 16:9 | 326ppi | 4.0 | iPhone6,1、iPhone6,2 | 2013.09 |
iPhone 6 | 667×375 | @2X | 1334×750 | 16:9 | 401ppi | 4.7 | iPhone7,2 | 2014.09 |
iPhone 6 plus | 736×414 | @3X | 1920×1080 | 16:9 | 401ppi | 5.5 | iPhone7,1 | 2014.09 |
iPhone 6s | 667×375 | @2X | 1334×750 | 16:9 | 401ppi | 4.7 | iPhone8,2 | 2015.09 |
iPhone 6s plus | 736×414 | @3X | 1920×1080 | 16:9 | 401ppi | 5.5 | iPhone8,1 | 2015.09 |
iPhone 5 SE | 568×320 | @2X | 1136×640 | 16:9 | 401ppi | 4.0 | iPhone8,4 | 2016.03 |
iPhone 7 | 667×375 | @2X | 1334×750 | 16:9 | 401ppi | 4.7 | iPhone9,1、iPhone9,3 | 2016.09 |
iPhone 7 plus | 736×414 | @3X | 1920×1080 | 16:9 | 401ppi | 5.5 | iPhone9,2、iPhone9,4 | 2016.09 |
iPhone 8 | 667×375 | @2X | 1334×750 | 16:9 | 401ppi | 4.7 | iPhone10,1、iPhone10,4 | 2017.09 |
iPhone 8 plus | 736×414 | @3X | 1920×1080 | 16:9 | 401ppi | 5.5 | iPhone10,2、iPhone10,5 | 2017.09 |
iPhone X | 812×375 | @3X | 2436×1125 | 19.5:9 | 458ppi | 5.8 | iPhone10,3、iPhone10,6 | 2017.09 |
iPhone XS | 812×375 | @3X | 2436×1125 | 19.5:9 | 458ppi | 5.8 | iPhone11,2 | 2018.09 |
iPhone XS Max | 896×414 | @3X | 2688×1242 | 19.5:9 | 458pp | i 6.5 | iPhone11,4、iPhone11,6 | 2018.09 |
iPhone XR | 896×414 | @2X | 1792×828 | 19.5:9 | 326ppi | 6.1 | iPhone11,8 | 2018.09 |
iPhone 11 | 896×414 | @2X | 1792×828 | 19.5:9 | 326ppi | 6.1 | iPhone12,1 | 2019.09 |
iPhone 11 Pro | 812×375 | @3X | 2436×1125 | 19.5:9 | 458ppi | 5.8 | iPhone12,3 | 2019.09 |
iPhone 11 Pro Max | 896×414 | @3X | 2688×1242 | 19.5:9 | 458ppi | 6.5 | iPhone12,5 | 2019.09 |
iPad:
机型 | 逻辑分辨率 | Scale | 物理分辨率 | 比例 | 像素密度 | 屏幕尺寸 | 型号代码 | 发布日期 |
---|---|---|---|---|---|---|---|---|
iPad | 1024×768 | @1x | 1024×768 | 4:3 | 163ppi | 9.7 | iPad1,1 | 2010.01 |
iPad 2 | 1024×768 | @1x | 1024×768 | 4:3 | 163ppi | 9.7 | iPad2,1、iPad2,2、iPad2,3、iPad2,4 | 2011.03 |
iPad 3(New) | 1024×768 | @2x | 2048×1536 | 4:3 | 264ppi | 9.7 | iPad3,1、iPad3,2、iPad3,3 | 2012.03 |
iPad 4 | 1024×768 | @2x | 2048×1536 | 4:3 | 264ppi | 9.7 | iPad3,4、iPad3,5、iPad3,6 | 2012.10 |
iPad 5 | 1024×768 | @2x | 2048×1536 | 4:3 | 264ppi | 9.7 | iPad6,11、iPad6,12 | 2017.03 |
iPad 6 | 1024×768 | @2x | 2160×1620 | 4:3 | 264ppi | 10.2 | iPad7,11、iPad7,12 | 2019.09 |
iPad Air:
机型 | 逻辑分辨率 | Scale | 物理分辨率 | 比例 | 像素密度 | 屏幕尺寸 | 型号代码 | 发布日期 |
---|---|---|---|---|---|---|---|---|
iPad Air | 1024×768 | @2x | 2048×1536 | 4:3 | 264ppi | 9.7 | iPad4,1、iPad4,2、iPad4,3 | 2013.10 |
iPad Air 2 | 1024×768 | @2x | 2048×1536 | 4:3 | 264ppi | 9.7 | iPad5,3、iPad5,4 | 2014.10 |
iPad Pro:
机型 | 逻辑分辨率 | Scale | 物理分辨率 | 比例 | 像素密度 | 屏幕尺寸 | 型号代码 | 发布日期 |
---|---|---|---|---|---|---|---|---|
iPad Pro 12.9-inch | 1366×1024 | @2x | 2732×2048 | 4:3 | 264ppi | 12.9 | iPad6,7、iPad6,8 | 2015.09 |
iPad Pro 9.7-inch | 1024×768 | @2x | 2048×1536 | 4:3 | 264ppi | 9.7 | iPad6,3、iPad6,4 | 2016.03 |
iPad Pro 12.9-inch 2 | 1366×1024 | @2x | 2732×2048 | 4:3 | 264ppi | 12.9 | iPad7,1、iPad7,2 | 2017.5 |
iPad Pro 10.5 | 1112×834 | @2x | 2224×1668 | 4:3 | 264ppi | 10.5 | iPad7,3、iPad7,4 | 2017.5 |
iPad Mini:
机型 | 逻辑分辨率 | Scale | 物理分辨率 | 比例 | 像素密度 | 屏幕尺寸 | 型号代码 | 发布日期 |
---|---|---|---|---|---|---|---|---|
iPad mini | 1024×768 | @1X | 1024×768 | 4:3 | 163 | 7.9 | iPad2,5、iPad2,6、iPad2,7 | 2012.10 |
iPad mini 2 | 1024×768 | @2X | 2048×1536 | 4:3 | 326 | 7.9 | iPad4,5、iPad4,6、iPad4,7 | 2013.10 |
iPad mini 3 | 1024×768 | @2X | 2048×1536 | 4:3 | 326 | 7.9 | iPad4,7、iPad4,8、iPad4,9 | 2014.10 |
iPad mini 4 | 1024×768 | @2X | 2048×1536 | 4:3 | 326 | 7.9 | iPad5,1、iPad5,2 | 2015.09 |
iTouch:
机型 | 逻辑分辨率 | Scale | 物理分辨率 | 比例 | 像素密度 | 屏幕尺寸 | 型号代码 | 发布日期 |
---|---|---|---|---|---|---|---|---|
iTouch | 480*320 | @1X | 480*320 | 3:2 | 163ppi | 3.5 | iPod1,1 | 2007.09 |
iTouch 2 | 480*320 | @1X | 480*320 | 3:2 | 163ppi | 3.5 | iPod2,1 | 2008.09 |
iTouch 3 | 480*320 | @1X | 480*320 | 3:2 | 163ppi | 3.5 | iPod3,1 | 2009.09 |
iTouch 4 | 480*320 | @2X | 960*640 | 3:2 | 326ppi | 3.5 | iPod4,1 | 2010.09 |
iTouch 5 | 568*320 | @2X | 1136*640 | 16:9 | 326ppi | 4.0 | iPod5,1 | 2012.09 |
iTouch 6 | 568*320 | @2X | 1136*640 | 16:9 | 326ppi | 4.0 | iPod7,1 | 2015.07 |
网友评论