蘋(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:
總結(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、導(dǎo)航欄邊距變化
在iOS 11對(duì)導(dǎo)航欄里面的UIBarButtonItem
的邊距也做了調(diào)整:
在iOS 11之前,我們可以設(shè)置一個(gè)width為負(fù)值,類(lèi)型為UIBarButtonSystemItemFixedSpace
的navigationBarButton,間按鈕擠到屏幕邊緣,如下圖5:
但是iOS 11,這招失效啦,原因就在于NavigationBar圖層發(fā)生了變化,引起了如下圖6的問(wèn)題:
解決方案:
(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)象:
解決辦法:自定義View,重寫(xiě)系統(tǒng)方法,賦值給titleview。如下:
- (CGSize)intrinsicContentSize {
if (@available(iOS 11.0, *)) {
return UILayoutFittingCompressedSize;
}
return CGSizeZero;
}
iPhone X適配:
1、啟動(dòng)圖和AppIcon
啟動(dòng)圖規(guī)格尺寸:1125 * 2436 (357pt * 812pt @3x)
AppIcon尺寸:多了一個(gè)App Store的圖標(biāo)。
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)題的解決