官方資源
WWDC 2017 Session 204: Updating Your App for iOS 11
WWDC視頻: Designing for iPhone X
為 iPhone X 更新您的 app
Apple: Layout Guides and Safe Area
博客資源
- 適配iOS11交播，適配iPhoneX，適配安全區(qū)的幾個(gè)文章和宏
- 美團(tuán)點(diǎn)評(píng)：iPhone X 劉海打理指北
- 貝聊科技:貝聊 iPhone X 適配實(shí)戰(zhàn)
- 手機(jī)管家iPhoneX的適配總結(jié)
- 隨手記在iPhone X上的適配實(shí)踐總結(jié)
- iOS屏幕適配系列(一): Autoresizing技術(shù)
關(guān)于iOS11中estimatedRowHeight
estimatedRowHeight是一個(gè)預(yù)估高度，iOS 11 之前為 0姆另，在 iOS11 下默認(rèn)為44呵扛。- 使用
estimatedRowHeight屬性光戈，可以將系統(tǒng)計(jì)算 contentSize 的高度的幾何計(jì)算成本從加載時(shí)推遲到滾動(dòng)時(shí)再執(zhí)行控硼。- 結(jié)論：當(dāng) cell 的實(shí)際高度大于預(yù)估高度的時(shí)候漱牵，會(huì)按照預(yù)估高度下的 cell 的數(shù)量來(lái)計(jì)算 contentSize 暇仲，當(dāng) cell 的實(shí)際高度小于預(yù)估高度的時(shí)候步做，會(huì)按照實(shí)際高度下的 cell 的數(shù)量來(lái)計(jì)算 contentSize。
- 使用 MJRefresh：（以下的問(wèn)題在最新的版本已經(jīng)修復(fù)了Ｄ胃健）
為什么使用 MJRefresh 在 iOS 11 下要設(shè)置estimatedRowHeight=0?
因?yàn)?MJRefresh 底部的上拉刷新是根據(jù) contentSize 來(lái)計(jì)算的全度，當(dāng)數(shù)據(jù)更新的時(shí)候，得出來(lái)的 contentSize 只是預(yù)估的斥滤。- 將
estimatedRowHeight的值設(shè)置為 0将鸵，可以禁用此屬性：
override func viewDidLoad() {
tableView.estimatedRowHeight = 0
tableView.estimatedSectionHeaderHeight = 0
tableView.estimatedSectionFooterHeight = 0
}
天天品嘗iOS7甜點(diǎn) :: Day 20 :: View controller content and navigation bars
// iOS 11 中，`automaticallyAdjustsScrollViewInset` 屬性被棄用了中跌。
@property(nonatomic, assign) BOOL automaticallyAdjustsScrollViewInsets;
該屬性早年的作用：
默認(rèn)為 YES咨堤，它允許容器視圖控制器知道它應(yīng)該調(diào)整插入此視圖控制器視圖中的滾動(dòng)視圖，以考慮狀態(tài)欄漩符，搜索欄一喘，導(dǎo)航欄，工具欄或選項(xiàng)卡欄消耗的屏幕區(qū)域。
WWDC 204: Updating Your App for iOS 11 筆記
- UIBarItem
橫屏模式下凸克，Tabbar 上的圖標(biāo)會(huì)變小议蟆，長(zhǎng)按可以彈出顯示大圖標(biāo)。
UIBarItem.landscapeImagePhone
UIBarItem.LargeContentSizeImaage
- 控制導(dǎo)航欄顯示大標(biāo)題
主視圖控制器上顯示大圖標(biāo)
// 設(shè)置導(dǎo)航欄顯示大標(biāo)題
navigationBar.prefersLargeTitles = true
詳細(xì)視圖控制器只顯示小圖標(biāo)
// 詳細(xì)視圖控制器中顯示正常標(biāo)題
navigationItem.largeTitleDisplayMode = .never
- 導(dǎo)航欄自動(dòng)集成 UISearchController
navigationItem.searchController = searchController
navigationItem.hidesSearchBarWhenScrolling = YES;
- UIToolbar 和 UINavigationBar 擴(kuò)展了新的自動(dòng)布局支持
自定義的bar button items萎战、自定義的 title 都可以通過(guò) layout 來(lái)自定義尺寸咐容。
Extensive new Auto Layout support
Keep your constraints inside your views
“We assume you know what you’re doing”
- 避免零尺寸的自定義視圖
UINavigationBar and UIToolbar provide position
You must provide size
- Constraints for width and height
- Implement
intrinsicContentSize- Connect your subviews via constraints
- Margins and Insets
margins 指的是【控件顯示內(nèi)容的邊緣】和【控件本身邊緣】之間的距離。
image
image
?
image
?
?
image
// systemMinimumLayoutMargins
viewRespectsSystemMinimumLayoutMargins = true // default
// directionalLayoutMargins
// edgesForExtendedLayout.top
// topLayoutGuide ?
// edgesForExtendedLayout.bottom
// bottomLayoutGuide ?
- Safe Area
Describes area of view not occluded by ancestors ——用于描述不被遮擋的視圖區(qū)域
Available as insets or layout guide —— 可以用作插入量或者布局指引
Incorporates overscan compensation insets ——
image
image
- Extending the Safe Area Insets——擴(kuò)展安全區(qū)域插入量
// 通過(guò) addtionalSafeAreaInsets 來(lái)改變 safeAreaInsets 的值
UIViewController.additionalSafeAreaInsets
// 獲取改變的回調(diào)：
UIView.safeAreaInsetsDidChange()
UIViewController.viewSafeAreaInsetsDidChange()
適配代碼
// 設(shè)置 view.top = self.view.top
CGFloat top;
if (@available(iOS 11.0, *)) {
top = self.view.layoutMarginsGuide.layoutFrame.origin.y;
} else {
top = 64;
}
// Masonry 框架
// 設(shè)置 View.top = self.view.top + 60
if (@available(iOS 11.0, *)) {
make.top.equalTo(self.view.mas_safeAreaLayoutGuideTop).with.offset(0);
} else {
make.top.equalTo(self.view.mas_top).with.offset(64);
}
- Scroll View
adjustedContentInset
typedef struct UIEdgeInsets {
CGFloat top, left, bottom, right; // 指定每個(gè)邊的插入量（正數(shù)）蚂维。 值可能是負(fù)的（超出邊緣）戳粒。
} UIEdgeInsets;
- Table View——在iOS 11中默認(rèn)啟用Self-Sizing
UITableViewAutomaticDimension
// 關(guān)閉 estimateRowHeight 屬性
self.tableView.estimatedRowHeight = 0;
self.tableView.estimatedSectionHeaderHeight = 0;
self.tableView.estimatedSectionFooterHeight = 0;
tableView.separatorInsetReference = .fromCellEdges // default
