iOS 適配iPhone XR/XS/XS MAX
阿新 • • 發佈：2018-11-23
適配只看三個引數
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
作者：iOS安年
連結：https://www.jianshu.com/p/3e010551f5f1
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。