9.18更新:經測試發現iOS12修改了非劉海屏safeArea的值! 拿iPhone6豎屏情況下爲例iOS11中返回的safeAreaInsets爲(0,0,0,0);iOS12中返回的safeAreaInsets爲(20,0,0,0);是的這個top-20是狀態欄。這裏大家要注意下,不應該盲目使用safeAreaInsets,而是使用我下面類似的判斷劉海屏的方法來區分劉海屏後再決定是否使用safeAreaInsets;
今年的三款新手機已經發布,加上Xcode10
已經發布GM Seed版本,也可以使用模擬器對新機進行適配,所以趕緊開始吧!
三款手機的屏幕大小
圖片官網地址
上面是像素單位,然後我們找到對應的倍數,換算成-點pt;
圖片官網地址
最後得到:
iPhone XS 375812pt*
iPhone XR 414896pt*
iPhone X 414896pt*
總結一下,因爲X已經都是陪過了XS基本上就是忽略不管了,而新出的XR和XS Max雖然屏幕像素不同(一個LCD屏幕一個OLED屏幕)所以一個2x一個3x最終得到的pt大小是一樣的(這裏可以看出蘋果果然沒白給你便宜)。加上iOS11開始引入了safeAreaInsets
,如果之前使用了這個屬性,我們幾乎不需要對項目中的頁面做調整,那麼最後只剩下一部要做 添加兩個尺寸的啓動圖。
添加啓動圖
爲什麼要添加啓動圖?
當我們在XR的模擬器直接跑之前的老項目(已經適配過iPhoneX),做如下打印,你會發現:
WTF?難道是Xcode10
的bug?再試試XS Max我相信你會得到一樣的結果。
這裏解釋下。你是否還記得iPhoneX剛出來的時候跑沒有適配過的項目,會導致app打開屏幕上下各有幾十像素的黑屏?原因是因爲沒有假如iPhoneX的啓動頁!同理我們需要先引入啓動頁。
圖片官網地址
這是啓動圖尺寸,直接照着像素單位切圖即可。
需要注意的是,當你的老項目用Xcode10
打開後,打開Images.xcassets
文件夾,再到LaunchImage
文件夾下時,找不到以上兩個新機型的佔位框,最簡單的辦法就是右鍵添加一個新的LaunchImage
,然後刪除老的LaunchImag
e,記得新建的文件夾要改名LaunchImage
哦。
新建的LaunchImage
會出現兩個新機型的佔位框:
啓動頁添之後,再做打印,就會的到正確的屏幕尺寸了!
頁面適配
由於從iOS11
開始引入了safeAreaInsets
這個應該是老話題了,所以這裏稍微提供下我自己的心得吧。
頁面是陪經常要寫個中判斷,代碼中時常需要用到safeAreaInsets
或者判斷劉海屏
等工具,所以我習慣在項目中寫一個UIManager
的單例,這裏面除了提供一些適配需要的屬性,還可以寫一下tableView適配等。
@interface DDUIManager : NSObject
@property (nonatomic, assign, readonly) UIEdgeInsets safeAreaInset;
/*
* 是否是劉海屏
* */
@property (nonatomic, assign, readonly) BOOL isHairHead;
+ (instancetype)sharedManager;
@end
@implementation DDUIManager
- (UIWindow *)keyWindow {
return [UIApplication sharedApplication].keyWindow;
}
- (UIEdgeInsets)safeAreaInset {
if (@available(iOS 11.0, *)) {
if (self.keyWindow) {
return self.keyWindow.safeAreaInsets;
}
}
return UIEdgeInsetsZero;
}
- (BOOL)isHairHead {
if (UIInterfaceOrientationIsLandscape([UIApplication sharedApplication].statusBarOrientation)) {
return self.safeAreaInset.left > 0.0f;
}else {
// ios12 非劉海屏狀態欄 20.0f
return self.safeAreaInset.top > 20.0f;
}
}
@end
這樣寫除了使用方便以外,還避免了一部分關於系統的條件編譯等,因爲safeAreaInset
是iOS11
纔出的.而且在e lse中會返回UIEdgeInsetsZero
,使得使用時可以省去一些if-else
語句,例如: