欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iPhoneX 各種適配記錄筆記（超全面）

 更新時間：2017年12月28日 10:19:39   作者：chernyog  
iPhone X出來之后，關(guān)于劉海的各種適配成了程序員們首要考慮的問題，下面這篇文章主要給大家介紹了關(guān)于iPhoneX 各種適配的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。

前言

與以往的iPhone不同，這次iPhone X用上了時下流行的全面屏設(shè)計(jì)，屏幕的分辨率和比例都是蘋果首次采用，而且還有個“別致的劉海”，這就需要現(xiàn)有的APP為iPhone X重新作適配了。

所以iPhone X 的到來，驚艷的是果粉，苦逼的是程序猿。今天升級到Xcode9.0，運(yùn)行項(xiàng)目，所謂的全屏 iPhone X，but 頁面好像也沒有全屏，于是根據(jù)之前的適配經(jīng)驗(yàn)，總算初步解決了這個問題，記錄如下，以備后需。

App 頁面適配適配前

適配前

適配前.gif

問題：App 未全屏顯示

解決辦法

LaunchImage 中添加一個和 iPhone X 相關(guān)的啟動圖片

* 圖片尺寸：1125 * 2436

* Contents.json 中代碼如下

{
 "extent" : "full-screen",
 "idiom" : "iphone",
 "subtype" : "2436h",
 "filename" : "1125_2436.png",
 "minimum-system-version" : "11.0",
 "orientation" : "portrait",
 "scale" : "3x"
}

適配后

適配后.gif

頁面布局細(xì)節(jié)

Safe Area

動機(jī)

iPhone X 取消了 Home鍵，實(shí)現(xiàn)了高屏占比，所以默認(rèn) View 的區(qū)域是全屏幕

屏幕四周有圓角、頂部有“劉?！?、底部有手勢區(qū)域

頂部導(dǎo)航欄

nav_area.png 

* 注意：導(dǎo)航欄高度是 44 + 44

底部手勢區(qū)域

tabbar_gesture_area.png

Safe Area 如下圖 (紅色區(qū)域)

safe_area.png

Safe Area 大小豎屏

▿ UIEdgeInsets
 - top : 44.0
 - left : 0.0
 - bottom : 34.0
 - right : 0.0

橫屏

 - top : 0.0
 - left : 44.0
 - bottom : 21.0
 - right : 44.0

自動布局時的注意點(diǎn)

  • iOS11 以前，我們布局時，視圖的 top 和 bottom 一般參照的是 Top Layout Guide 和 Bottom Layout Guide
  • iOS11 以后，那兩個參照已經(jīng) deprecated (過時)了，而被 Safe Area 取代。
  • Safe Area 要求最低支持 iOS9.0

safe_area_layout_guide.png


layout_safe_area.png


safe_area_miniOS.png

但凡和父視圖相關(guān)的 top 或者 bottom 屬性的自動布局，應(yīng)該參照 Safe Area。（之前默認(rèn)是 Superview，當(dāng)然如果產(chǎn)品允許，那就是另一回事了）

選擇 Safe Area布局示例如下：

選擇SafeArea.png

未選擇 Safe Area布局示例如下：

未選擇SafeArea.png

網(wǎng)上有看到有黑iPhone X的，說用它沒法玩王者榮耀等游戲，理由是可能看不到自己有多少錢或者推塔鍵和信號鍵沒了，對此估計(jì)是多慮了！iPhone X 出售之前，游戲廠商肯定會做適配，高屏占比只會提高游戲體驗(yàn)，不會產(chǎn)生那么嚴(yán)重的視覺問題的。

適配前后，效果圖示例如下：

SafeArea對比效果圖.gif

Xcode9 適配

WKWebViewJavascriptBridge

// 原貼地址：https://github.com/marcuswestin/WebViewJavascriptBridge/issues/278
- (void)webView:(WKWebView *)webView
didFailNavigation:(WKNavigation *)navigation
 withError:(NSError *)error {
 // ……
 // Xcode 升級到9后 WKWebViewJavascriptBridge.m 中有個 bug
 // 需要在"decisionHandler(WKNavigationActionPolicyCancel);"后加上 return，否則崩潰。
 // 不升級 Xcode 的話，沒問題。
 decisionHandler(WKNavigationActionPolicyCancel);
 return;
}

部分頁面適配 iPhone X

底部有按鈕的頁面

適配前

適配前

其底部約束如下圖：

適配前-約束

適配后

適配后

其底部約束如下圖：

適配后-約束

控制器生命周期之viewSafeAreaInsetsDidChange

  • viewDidLoad
  • viewWillAppear
  • viewSafeAreaInsetsDidChange（NEW）
  • viewWillLayoutSubviews
  • viewDidAppear

可以在 viewSafeAreaInsetsDidChange 后，設(shè)置 Safe Area

if #available(iOS 11.0, *) {
 self.additionalSafeAreaInsets = UIEdgeInsetsMake(10, 0, 0, 34)
}

總結(jié)

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

相關(guān)文章

最新評論