iOS劉海手機(jī)屏幕的適配

在iOS11 之后有這么一個(gè)概念safeArea(安全區(qū)域,具體safeArea是怎么一回事自行g(shù)oogle),這里主要探討一下safeArea相關(guān)的兩個(gè)概念,safeAreaLayoutGuide和safeAreaInsets。
在官網(wǎng)上有這么兩張圖片:


image.png
image.png

中間部分即是safeArea,劉海屏幕豎屏?xí)r占滿整個(gè)屏幕的控制器的view的safeAreaInsets是(44,0,34,0),橫屏是(0,44,21,44),inset后的區(qū)域正好是safeAreaLayoutGuide區(qū)域。
我們暫時(shí)可以把safeArea看成是一個(gè)view,safeAreaInsets即是view距離上左下右的距離。
我們?cè)谑褂胹elf.view中添加底部空間的時(shí)候使用autolayout布局時(shí)候:
以前是這樣寫

[NSLayoutConstraint constraintWithItem:someView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.vc.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:0];

現(xiàn)在是這樣

[NSLayoutConstraint constraintWithItem:someView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.vc.view.safeAreaLayoutGuide attribute:NSLayoutAttributeTop multiplier:1.0 constant:0];

綜合起來(lái)就是:

if (@available(iOS 11.0, *)) {
   [NSLayoutConstraint constraintWithItem:someView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1.0 constant:0];
} else {
   [NSLayoutConstraint constraintWithItem:someView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view.safeAreaLayoutGuide attribute:NSLayoutAttributeTop multiplier:1.0 constant:0];
}

大概來(lái)說(shuō)autolayout布局之前是使用self.view作為參照,現(xiàn)在用self.view.safeAreaLayoutGuide 作為參照。
如果使用autolayout以上方法基本上可以解決。
那么如果是直接使用frame布局呢?這么情況怎么處理?
這時(shí)候就輪到safeAreaInsets了
上面有提到過(guò)劉海屏幕豎屏?xí)r占滿整個(gè)屏幕的控制器的view的safeAreaInsets是(44,0,34,0),橫屏是(0,44,21,44)。
那么我們可以寫一個(gè)方法,如果iOS11或之后的就返回safeAreaInsets,iOS11以下UIEdgeInsetsZero表示self.view 的一個(gè)邊距。

+ (UIEdgeInsets)safeAreaInset:(UIView *)view {
    if (@available(iOS 11.0, *)) {
        return view.safeAreaInsets;
    }
    return UIEdgeInsetsZero;
}
UIEdgeInsets safeAreaInsets = [self.class safeAreaInset:self.view];
someView.frame = CGRectMake(safeAreaInsets.left, safeAreaInsets.top, 100, 100);

但是有這么一個(gè)問題,官方文檔提到過(guò),如果view不在屏幕上或顯示層級(jí)里,view的safeAreaInsets = UIEdgeInsetsZero,也就是說(shuō)view的safeAreaInsets時(shí)機(jī)不對(duì)之前的設(shè)置一樣是白搭。
查閱了一下資料系統(tǒng)中存在這樣的兩個(gè)方法:
UIViewController
-(void)viewSafeAreaInsetsDidChange NS_REQUIRES_SUPER API_AVAILABLE(ios(11.0), tvos(11.0));
UIView
-(void)safeAreaInsetsDidChange API_AVAILABLE(ios(11.0),tvos(11.0));
即是self.view的safeAreaInsets改變,系統(tǒng)就會(huì)調(diào)用viewSafeAreaInsetsDidChange。那么我們這時(shí)候可能會(huì)把someview的這個(gè)frame的left和top放在這里布局。

由于viewSafeAreaInsetsDidChange是iOS11之后的api所以可以把someview的這個(gè)frame的left和top放在viewDidLayoutSubviews里面設(shè)置:

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];
    UIEdgeInsets edgeInsets = [self.class safeAreaInset:self.view];
    _someView.frame = CGRectMake(edgeInsets.left, edgeInsets.top, 100, 100);
}

綜上所述,可以使用一下語(yǔ)句判斷是否是劉海手機(jī):

+ (BOOL)isPhoneX {
    BOOL iPhoneX = NO;
    if (UIDevice.currentDevice.userInterfaceIdiom != UIUserInterfaceIdiomPhone) {//判斷是否是手機(jī)
        return iPhoneX;
    }
    if (@available(iOS 11.0, *)) {
        UIWindow *mainWindow = [[[UIApplication sharedApplication] delegate] window];
        if (mainWindow.safeAreaInsets.bottom > 0.0) {
            iPhoneX = YES;
        }
    }
    return iPhoneX;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 最近看了許多iPhone X適配的文章,發(fā)現(xiàn)很少有介紹safeArea的,就來(lái)隨便寫寫 現(xiàn)在對(duì)于iPhone X的...
    fruitymoon閱讀 106,501評(píng)論 59 260
  • iOS 11 為整個(gè)生態(tài)系統(tǒng)的 UI 元素帶來(lái)了一種更加大膽、動(dòng)態(tài)的新風(fēng)格。 本文介紹了iOS11在UI方面做了哪...
    鄒鄒_ZZ閱讀 4,720評(píng)論 1 7
  • 隨著Xcode GM版本發(fā)布,適配iOS 11也就提上了日程,總的來(lái)說(shuō)整個(gè)適配過(guò)程不是很麻煩。建議觀看今年WWDC...
    iOS駱駝閱讀 2,810評(píng)論 1 6
  • 關(guān)于iPhone X 的適配 為了實(shí)現(xiàn)更為安全的面部識(shí)別,iPhone X正面的全面屏上方有一條劉海,上面集成了紅...
    西貝人立口閱讀 3,195評(píng)論 0 4
  • 親子日記第五十七天,今天大姑姐約我們晚上去她家吃飯,我們接著孩子路上買了點(diǎn)東西就去了。蕙鈺說(shuō)老師今天表?yè)P(yáng)她...
    AA穩(wěn)穩(wěn)閱讀 99評(píng)論 0 1

友情鏈接更多精彩內(nèi)容