上周Apple大大發(fā)布了新的設(shè)備，其中最引人注目的莫過(guò)于iphone X，對(duì)于這款設(shè)備官方有詳盡的解說(shuō)官方文檔,除了最新的若干AR、人工智能等功能外，我們發(fā)現(xiàn)這也是一款全新尺寸的設(shè)備。

官方文檔指出這款設(shè)備的沒(méi)有home鍵，當(dāng)然有若干手勢(shì)操作代替了home鍵的功能，同時(shí)該設(shè)備也是基本的全面屏設(shè)備。當(dāng)然聽(tīng)到了不少吐槽該設(shè)備的“前劉?！保俏艺J(rèn)為相對(duì)于劉海上添加的功能，這個(gè)劉海也無(wú)傷大雅，畢竟相比美觀，對(duì)于我這種務(wù)實(shí)者來(lái)說(shuō)更看重功能，閑話不多說(shuō)，我們?cè)谔O(píng)果發(fā)布設(shè)備的第一時(shí)間對(duì)我們的工程做了簡(jiǎn)單的適配，今天有時(shí)間，在這里說(shuō)一下適配過(guò)程和小問(wèn)題。

我們看一下官方的尺寸說(shuō)明，發(fā)現(xiàn)該設(shè)備可支持@3x的分辨率，再看官方的對(duì)于適配的說(shuō)明：

Most apps that use standard, system-provided UI elements like navigation bars, tables, and collections automatically adapt to the device's new form factor. Background materials extend to the edges of the display and UI elements are appropriately inset and positioned.

大概意思是說(shuō)一般的原有的UI、導(dǎo)航等視圖都可以自行適配，但是我們?cè)诘谝粫r(shí)間用Xcode9測(cè)試了我們的項(xiàng)目，如圖：

并沒(méi)有充滿整個(gè)屏幕，簡(jiǎn)單快速適配需要添加相應(yīng)的啟動(dòng)圖

啟動(dòng)圖的大小為375x812 @3x

添加之后

此時(shí)可以完美的充滿整個(gè)屏幕了但是還是有一些小問(wèn)題，特別是在用純代碼的工程中特別愛(ài)用

#define SCREENWIDTH [UIScreen mainScreen].bounds.size.width
#define SCREENHIGHT [UIScreen mainScreen].bounds.size.height

這兩個(gè)宏定義，來(lái)獲取屏幕的寬高，容易出問(wèn)題的地方在底部視圖的情況，原來(lái)的所有機(jī)型狀態(tài)+導(dǎo)航都是64，這里突然變的更大了，原來(lái)計(jì)算位置的frame現(xiàn)在可能會(huì)不在原來(lái)的位置上了

由于狀態(tài)+導(dǎo)航我們有了兩個(gè)不同的尺寸，方便起見(jiàn)可以使用下邊的代碼動(dòng)態(tài)獲取

CGRect rectStatus = [[UIApplication sharedApplication] statusBarFrame];
NSLog(@"status width - %f", rectStatus.size.width); // 寬度
NSLog(@"status height - %f", rectStatus.size.height); // 高度


// 導(dǎo)航欄（navigationbar）
CGRect rectNav = self.navigationController.navigationBar.frame;
NSLog(@"nav width - %f", rectNav.size.width); // 寬度
NSLog(@"nav height - %f", rectNav.size.height); // 高

這樣就可以精確地獲得frame，特別是以保證視圖在底部，再來(lái)一張適配好的帶導(dǎo)航的圖片

至此簡(jiǎn)單適配完成！

適配iOS11與iPhoneX過(guò)程中遇到的問(wèn)題

問(wèn)題 1 app上下為黑色區(qū)域，不是全屏（iPhoneX）

你可能需要添加新的LaunchImage

編輯LaunchImage的Contents.json文件，在前面添加如下代碼

注意替換文件名

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

問(wèn)題2 tabbar或navigation Bar異常 （iPhoneX）

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論