快捷導(dǎo)航

Xcode 9下適配iPhoneX導(dǎo)致iOS 10不兼容問題的解決方法

更新時(shí)間：2018年04月25日 08:31:12 作者：頤和園

這篇文章主要給大家介紹了關(guān)于Xcode 9下適配iPhoneX導(dǎo)致iOS 10不兼容問題的解決方法，文中通過圖文介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。

前言

前久發(fā)現(xiàn)測(cè)試組提交來一個(gè) bug，說有的布局在 iOS 11 上正常，在 iOS 10 下不正常。分別在 iOS 11 模擬器和 iOS 10.3 模擬器上跑了一下 app，發(fā)現(xiàn)果然如此，如下圖所示：

iOS 11 下點(diǎn)擊“省市廣播站”，下級(jí)菜單中的按鈕正常顯示：

iOS 10 下點(diǎn)擊“省市廣播站”，下級(jí)菜單顯示為空白：

解決方法

檢查代碼，發(fā)現(xiàn)下級(jí)菜單中的按鈕是以手動(dòng)布局方式動(dòng)態(tài)添加到一個(gè) scroll view 中的。添加時(shí)指定了按鈕的框架，框架計(jì)算完全正常，按鈕已經(jīng)添加在 scroll view 的 subviews 中了（可以在 LLDB 中用 po 命令確認(rèn) ）。同時(shí)在打印 subviews 的過程中發(fā)現(xiàn)，這些按鈕的 frame 并未被改變，仍然是 initWithFrame 時(shí)設(shè)定的值，但在 iOS 10.3 下就是不顯示，用視圖調(diào)試器也看不到。

百思不得其解。后來聯(lián)想到 Xcode 9 為了適配 iPhoneX 曾經(jīng)對(duì)自動(dòng)布局約束進(jìn)行了一些改變，比如“安全區(qū)”的概念，于是懷疑是新的 iOS SDK 對(duì) ScrollView 的某些布局屬性進(jìn)行了修改。

通過將兩種模擬器下的 scroll view 屬性進(jìn)行打印后發(fā)現(xiàn)，在 iOS 10/11 下，scroll view 的 contentInset 屬性是有所區(qū)別的。

在 iOS 11 中，contentInset 的值是 (0,0,0,0)，而在 iOS 10 中卻變成了 (64,0,0,0)。

于是嘗試在代碼中加入了一句：

if ([UIDevice currentDevice].systemVersion.floatValue < 11.0) {
  _scrollBar.contentInset = UIEdgeInsetsZero;
 }

發(fā)現(xiàn)在 iOS 10 下菜單居然顯示了！

這種方式雖然在一定程度上解決了問題，但并不徹底，在測(cè)試中發(fā)現(xiàn)，iOS 10 下的布局問題偶爾還是會(huì)出現(xiàn)（特別是 view controller 第一次加載時(shí)）。因?yàn)槎?jí)菜單需要進(jìn)行一個(gè)網(wǎng)絡(luò)加載，這個(gè)加載的速度有可能快、有可能慢，那么當(dāng)?shù)谝淮雾撁骘@示完成之后，有可能二級(jí)菜單已經(jīng)顯示完了，自動(dòng)布局引擎還沒有完成計(jì)算，它有可能再次修改 scroll view 的 contentInset 值，從在頁面第一次加載時(shí)，菜單顯示不出來。

要解決這個(gè)問題，必須思考其它方式。比如 UIScrollViewDelegate 協(xié)議。

首先將 view controller 聲明為實(shí)現(xiàn) UIScrollViewDelegate:

<UIScrollViewDelegate>

設(shè)置 scroll view 的 delegate 委托：

_scrollBar.delegate = self;

然后實(shí)現(xiàn) scrollViewDidScroll 委托方法：

// MARK: - UIScrollViewDelegate
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
 if (scrollView == _scrollBar && scrollView.contentOffset.y != 0){
  _scrollBar.contentInset = UIEdgeInsetsZero;
 }
}

運(yùn)行 app，這次問題得到了完美解決。

注意：所有 UIScrollView 子類都有此問題。如果你是用 IB 進(jìn)行布局，則在使用 Align to Edges 時(shí)，需要注意將四邊對(duì)齊于 superview，而不是默認(rèn)的 Safe Area，否則就會(huì)出現(xiàn)此問題。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: