iOS 适配iPhone XR/XS/XS MAX

  • 时间:2018-10-08 23:07 作者:iOS安年 来源:iOS安年 阅读:241
  • 扫一扫,手机访问
摘要:适配只看三个参数1.渲染像素--屏幕截图的图片尺寸,单位px2.逻辑像素--程序员开发所用尺寸,单位pt3.倍率--渲染像素/逻辑像素,得到倍数关系。常见倍率@2x,@3xSafe Area(安全区)1.页面内容不能超出安全区(Safe Area)2.底部区域用于手势进入主屏或者切换应用,假如将触发交

适配只看三个参数

1.渲染像素--屏幕截图的图片尺寸,单位px
2.逻辑像素--程序员开发所用尺寸,单位pt
3.倍率--渲染像素/逻辑像素,得到倍数关系。常见倍率@2x,@3x

Safe Area(安全区)

1.页面内容不能超出安全区(Safe Area)
2.底部区域用于手势进入主屏或者切换应用,假如将触发交互行为的按钮放在屏幕的底部,会破坏App操作体验。

安全区

iphoneX和XR/XS/XS MAX安全区计算方式相同

安全区计算方式

通过友盟关于iOS屏幕分辨率活跃度占比分析,640 * 960的活跃度跌破10%。
假如除去640 * 1136,iPhone在逻辑像素层面,只剩余两种宽度、四种高度。

两种宽度,四种高度

常用宏

// 判断能否是ipad#define isPad ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPad)// 判断iPhone4系列#define kiPhone4 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(640, 960), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)// 判断iPhone5系列#define kiPhone5 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(640, 1136), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)// 判断iPhone6系列#define kiPhone6 ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(750, 1334), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)//判断iphone6+系列#define kiPhone6Plus ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1242, 2208), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)// 判断iPhoneX#define IS_IPHONE_X ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)// 判断iPHoneXr#define IS_IPHONE_Xr ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)// 判断iPhoneXs#define IS_IPHONE_Xs ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)// 判断iPhoneXs Max#define IS_IPHONE_Xs_Max ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size) && !isPad : NO)#define Height_StatusBar ((IS_IPHONE_X == YES || IS_IPHONE_Xr == YES || IS_IPHONE_Xs == YES || IS_IPHONE_Xs_Max == YES) ? 44.0 : 20.0)#define Height_NavBar ((IS_IPHONE_X == YES || IS_IPHONE_Xr == YES || IS_IPHONE_Xs == YES || IS_IPHONE_Xs_Max == YES) ? 88.0 : 64.0)#define Height_TabBar ((IS_IPHONE_X == YES || IS_IPHONE_Xr == YES || IS_IPHONE_Xs == YES || IS_IPHONE_Xs_Max == YES) ? 83.0 : 49.0)

附:iPhone全尺寸

iPhone全家福

参考文章
http://www.ui.cn/detail/401348.html
https://www.jianshu.com/p/80535a2867b9
https://www.jianshu.com/p/8d1d02a21d67
https://blog.csdn.net/sinat_15735647/article/details/82762238

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】树莓派安装TensorFlow(2020-04-24 21:11)
【系统环境|服务器应用】防面试-SD_WebImage(2020-04-24 21:11)
【系统环境|服务器应用】推荐一款视频控件xgplayer(2020-04-24 21:11)
【系统环境|服务器应用】PostgreSQL 源码解读(27)- 查询语句#12(查询优化-上拉子链接#2)(2020-04-24 21:11)
【系统环境|服务器应用】如何轻松学习JavaScript?(2020-04-24 21:10)
【系统环境|服务器应用】【源码剖析】Launcher 8.0 源码 (12) --- Launcher 启动流程 第五步之计算桌面各布局细节参数(2020-04-24 21:10)
【系统环境|服务器应用】前台碰撞室之console.log与文本字符(2020-04-24 21:10)
【系统环境|服务器应用】好用的Middleware实现(2020-04-24 21:10)
【系统环境|服务器应用】前台面试每日 3+1 —— 第373天(2020-04-24 21:10)
【系统环境|服务器应用】绍圣--kafka之生产者(五)(2020-04-24 21:10)
手机二维码手机访问领取大礼包
返回顶部