iOS 11適配及問(wèn)題解決方案

蘋(píng)果虐我千百遍,我待蘋(píng)果如初戀。 橫批:iOS開(kāi)發(fā)苦。
iOS 11系統(tǒng)對(duì)于開(kāi)發(fā)者來(lái)說(shuō),變化不算小,各種適配問(wèn)題接踵而至。
本文主要介紹 UINavigationBar 層級(jí)結(jié)構(gòu)變化,UIScrollView Layout變化,UISearchBar寬高變化,引起的問(wèn)題的原理分析,著重提出解決方案,還有iPhone X的適配。附言介紹一下Xcode 9的小Tips。

問(wèn)題一:

1、導(dǎo)航欄高度變化:

iOS 11添加了大標(biāo)題,由系統(tǒng)屬性prefersLargeTitles決定,NavigationBar高度如下圖1、2:

圖1 iPhone X之前機(jī)型.png
圖2 iPhone X.png

總結(jié)來(lái)說(shuō):如果都用的系統(tǒng)的NavigationBar,全部無(wú)需適配高度。但是(忽略LargeTitle部分)如果自定義的NavigationBar,iPhone X之前機(jī)型正常height == 64,對(duì)于程序中很多寫(xiě)死的64,簡(jiǎn)直是福音,無(wú)需更改,但對(duì)于iPhone X的高度則變成height == 88,不得不適配。可能需要的兩個(gè)宏定義:

#define kStatusBarHeight      CGRectGetHeight([[UIApplication sharedApplication] statusBarFrame])
#define kNavigationBarHeight  CGRectGetHeight([[UIApplication sharedApplication] statusBarFrame]) + CGRectGetHeight(self.navigationController.navigationBar.frame)

2、導(dǎo)航欄圖層變化

這個(gè)實(shí)在是搞大事啊。

在iOS11之后,蘋(píng)果添加了新的類(lèi)來(lái)管理,navigationBar會(huì)添加在_UIButtonBarStackView上面,而_UIButtonBarStackView則添加在_UINavigationBarContentView上面;如果沒(méi)有給titleView賦值,則titleView會(huì)直接添加在_UINavigationBarContentView上面,如果賦值給了titleView,則會(huì)新生成_UITAMICAdaptorView,把titleView添加在這個(gè)類(lèi)上面,這個(gè)類(lèi)會(huì)添加在_UINavigationBarContentView上面,如下圖3、4:


圖3.png
圖4.png

3、導(dǎo)航欄邊距變化

在iOS 11對(duì)導(dǎo)航欄里面的UIBarButtonItem的邊距也做了調(diào)整:

在iOS 11之前,我們可以設(shè)置一個(gè)width為負(fù)值,類(lèi)型為UIBarButtonSystemItemFixedSpace的navigationBarButton,間按鈕擠到屏幕邊緣,如下圖5:

圖5.png

但是iOS 11,這招失效啦,原因就在于NavigationBar圖層發(fā)生了變化,引起了如下圖6的問(wèn)題:

圖6.png
解決方案:
(1)最簡(jiǎn)單粗暴的方式,在每個(gè)需要設(shè)置item的VC中,設(shè)置button的setContentEdgeInsets:
(2)在viewWillAppear里面,將_UIButtonBarStackView取出來(lái),直接通過(guò)layoutMargins設(shè)置偏移量。如下:
//設(shè)置leftBarButtonItem
for (UIView *view in self.navigationController.navigationBar.subviews[2].subviews) {
        if ([view isKindOfClass:UIStackView.class]) {
            view.layoutMargins = UIEdgeInsetsMake(0, -15, 0, 0);
        }
}
(3)同上述方法2的原理,通過(guò)動(dòng)態(tài)運(yùn)行時(shí),hock住setLeftBarButtonItem:setRightBarButtonItem:系統(tǒng)方法,創(chuàng)建自定義的View,在View的layoutSubviews方法中,找到UIStackView,通過(guò)NSLayoutConstraint調(diào)整該視圖的布局,達(dá)到目的,但是也需要在viewWillAppear里面重新創(chuàng)建,不然當(dāng)push到下一級(jí)頁(yè)面時(shí),再返回,位置會(huì)恢復(fù)。
轉(zhuǎn)載大神的Demo地址如下:

https://github.com/spicyShrimp/iOS-11-UINavigationItem-SXFixSpace

(4)完全舍棄系統(tǒng)的Navi,自定義Navi,個(gè)人不建議使用,不僅要適配 安全區(qū)域,如果哪天蘋(píng)果Daddy心血來(lái)潮,又改啦,呵呵。

問(wèn)題二:滾動(dòng)視圖的變化

1、iOS11棄用了automaticallyAdjustsScrollViewInsets屬性

導(dǎo)致的現(xiàn)象:UITableView列表出現(xiàn)錯(cuò)位;頁(yè)面切換過(guò)程中出現(xiàn)抖動(dòng)問(wèn)題。
解決辦法:

//在基類(lèi)VC中
if (@available(iOS 11.0, *)) {
      [UIScrollView appearance].contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
}

2、UITableView默認(rèn)使用Self-Sizing

iOS 11中如果不實(shí)現(xiàn)-tableView: viewForFooterInSection: 和 -tableView: viewForHeaderInSection:,那么-tableView: heightForHeaderInSection:和- tableView: heightForFooterInSection:不會(huì)被調(diào)用。
這是因?yàn)?estimatedRowHeight、estimatedSectionHeaderHeight、 estimatedSectionFooterHeight 三個(gè)高度估算屬性由默認(rèn)的0變成了UITableViewAutomaticDimension,導(dǎo)致高度計(jì)算不對(duì)。
解決方法:實(shí)現(xiàn)對(duì)應(yīng)方法或把預(yù)估的三個(gè)屬性值設(shè)為0。
目前項(xiàng)目中由此引起的問(wèn)題不大。

問(wèn)題三:UISearchBar高度適配

1、SearchBar在Navi的titleView中,高度發(fā)生變化

現(xiàn)象:

圖 7.png

解決辦法:自定義View,重寫(xiě)系統(tǒng)方法,賦值給titleview。如下:

- (CGSize)intrinsicContentSize {
    if (@available(iOS 11.0, *)) {
        return UILayoutFittingCompressedSize;
    }
    return CGSizeZero;
}

iPhone X適配:

1、啟動(dòng)圖和AppIcon
圖 8.png

啟動(dòng)圖規(guī)格尺寸:1125 * 2436 (357pt * 812pt @3x)
AppIcon尺寸:多了一個(gè)App Store的圖標(biāo)。

圖 9.png
2、劉海布局

大部分的系統(tǒng)控件,如NavigationBar、TabBar、表單等會(huì)自動(dòng)適配iPhone X的屏幕,無(wú)需適配,但是如果自定義的話,就得手動(dòng)適配啦,NavigationBar空出劉海位置,TabBar空出HomeBar位置,都位于安全區(qū)域以?xún)?nèi)。

3、橫屏布局,尚未研究。

Xcode 9的小Tips:

1、導(dǎo)入圖片問(wèn)題

直接將圖片拖入工程的粗暴方式已經(jīng)不行啦, 會(huì)導(dǎo)致無(wú)法讀取圖片,可以通過(guò)“Add File To ....”,不習(xí)慣好吧。Xcode 9可以打開(kāi)Assets,將圖片資源直接拖進(jìn)去,直觀方便。

2、Assets中添加顏色

在Asset中,可以創(chuàng)建顏色了。右鍵選擇New image set,填充RGBA值或十六進(jìn)制值即可。使用中直接使用新的colorwithname,參數(shù)填入創(chuàng)建時(shí)的名字即可。使用時(shí)一定記得區(qū)分系統(tǒng)版本。

3、command鍵復(fù)原,直接跳轉(zhuǎn)

可在Preferences --> Navigation --> Command-click on Code 中選擇Jumps to Defintion即可。

參考

你可能需要為你的 APP 適配 iOS 11
App界面適配iOS11
iOS11 導(dǎo)航欄按鈕位置問(wèn)題的解決

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評(píng)論 6 532
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,530評(píng)論 3 416
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 176,407評(píng)論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 62,981評(píng)論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,759評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,204評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,415評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,955評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,782評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,983評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,222評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,650評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,892評(píng)論 1 286
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,675評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,967評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容