應(yīng)用都還沒(méi)有適配好 iPhone X 的全面屏

10 月 27 日，iPhone X 開(kāi)始接受預(yù)定。四周之后，發(fā)售日預(yù)定的用戶都已經(jīng)收到了自己的新手機(jī)。

如《好奇心日?qǐng)?bào)》早先的評(píng)測(cè)，這是 iPhone 家族里變化巨大的一代，我們已經(jīng)熟悉的屏幕比例、Home 鍵和指紋識(shí)別都消失了。Face ID、新的屏幕形狀和手勢(shì)操作帶來(lái)了截然不同的體驗(yàn)。

在帶來(lái)新鮮感與樂(lè)趣的同時(shí)，iPhone X 的改變也需要第三方應(yīng)用的配合。

這也是評(píng)測(cè)時(shí)我們遇到的主要問(wèn)題。當(dāng)時(shí)相當(dāng)一部分應(yīng)用在使用時(shí)上下黑邊。當(dāng)時(shí)已經(jīng)可以全屏顯示的應(yīng)用，往往按鈕位置也有問(wèn)題。

現(xiàn)在四周過(guò)去了，應(yīng)用開(kāi)發(fā)者已經(jīng)可以拿到真機(jī)開(kāi)發(fā)。

我們體驗(yàn)了中國(guó)區(qū) App Store 免費(fèi)榜上前 50 個(gè)應(yīng)用。我們還專門(mén)對(duì) App Annie 手機(jī)游戲收入榜前十名的游戲應(yīng)用進(jìn)行了測(cè)試。

這其中有快手、騰訊視頻、愛(ài)奇藝這類需要經(jīng)常全屏播放視頻的應(yīng)用。全面屏的適配很大程度上影響著使用體驗(yàn)。

還有需要橫屏體驗(yàn)的游戲應(yīng)用?！锻跽邩s耀》、《陰陽(yáng)師》、《歡樂(lè)斗地主》，以及最近火熱的射擊游戲《終結(jié)者 2 審判日》等。

最后得到了幾個(gè)結(jié)論：

幾乎所有可以播放視頻的應(yīng)用都沒(méi)處理好和 Home 條的關(guān)系

在全屏播放的時(shí)候，應(yīng)用內(nèi)屏幕下方始終會(huì)停留著白色或者灰色的虛擬 Home 條。而且，在橫屏播放的時(shí)候這些應(yīng)用都沒(méi)有提供可以真正意義上使用全面屏的放大模式，全面屏的兩側(cè)會(huì)留出黑邊。

在視頻服務(wù)中，抖音、優(yōu)酷、土豆、快手、西瓜視頻、愛(ài)奇藝、火山小視頻、B612 、Face U、美顏相機(jī)、嗶哩嗶哩彈幕視頻，都出現(xiàn)了這些問(wèn)題。

不只是在視頻服務(wù)中，即便是主要功能已經(jīng)適配很好的工具類應(yīng)用，內(nèi)置的播放器也都存在虛擬 Home 條適配問(wèn)題。

西瓜視頻中黑邊和白色虛擬 Home 條 即便在 iPhone X 上全屏，相當(dāng)一部分應(yīng)用在頂部缺口的適配上都存在細(xì)節(jié)問(wèn)題

常見(jiàn)的是頂部劉海會(huì)遮擋到應(yīng)用的內(nèi)容。在 Face ID 導(dǎo)致的劉海出現(xiàn)之前，很多應(yīng)用在頂部操作時(shí)候都會(huì)自動(dòng)隱藏狀態(tài)欄，來(lái)顯示更多的東西。但現(xiàn)在屏幕正中間的劉海會(huì)自動(dòng)遮擋住部分內(nèi)容，這個(gè)問(wèn)題在觀看嗶哩嗶哩彈幕視頻的時(shí)候格外突出。

劉海遮住了一部分視頻內(nèi)容

更影響體驗(yàn)的是，應(yīng)用內(nèi)按鈕可能會(huì)和系統(tǒng)狀態(tài)欄相互重疊導(dǎo)致無(wú)法點(diǎn)選。令人尷尬的是，優(yōu)酷全屏廣告頁(yè)面上，回到首頁(yè)的按鈕和系統(tǒng)狀態(tài)欄相互重合，無(wú)法點(diǎn)選，最終只能結(jié)束進(jìn)程才能回到首頁(yè)。

左上角也有類似的情況，像是從一個(gè)應(yīng)用跳轉(zhuǎn)到新的應(yīng)用中，左上角跳轉(zhuǎn)回去的按鈕會(huì)和應(yīng)用本身的返回鍵相互重合。

另一個(gè)會(huì)出現(xiàn)在適配應(yīng)用上的問(wèn)題是圖片拉伸。

由于 iPhone X 的屏幕比例為 19.5:9 ，比其他機(jī)型要更加細(xì)長(zhǎng)。這導(dǎo)致了在大量進(jìn)行適配的應(yīng)用上，全屏圖片都出現(xiàn)了不同程度的拉伸。在應(yīng)用的開(kāi)屏廣告中尤為明顯。類似進(jìn)入陰陽(yáng)師的載入界面上，背景右上角的字樣被拉伸出了屏幕。

陰陽(yáng)師的“陰”已經(jīng)在屏幕外面 三大互聯(lián)網(wǎng)公司自己的一堆應(yīng)用里，騰訊的適配最好，百度最差

直到這周二，手機(jī)百度和百度地圖才對(duì) iPhone X 進(jìn)行了適配。而最需要適配的視頻應(yīng)用，百度旗下的愛(ài)奇藝則比這兩個(gè)應(yīng)用還晚一天才對(duì)全面屏進(jìn)行適配。

在適配方面，騰訊系的產(chǎn)品體驗(yàn)是最好的。騰訊視頻是其中適配比較完善的一款應(yīng)用。全屏播放騰訊視頻的時(shí)候，底部虛擬 Home 條會(huì)自動(dòng)隱藏，同時(shí)它也是唯一一個(gè)支持放大模式的應(yīng)用。橫屏播放狀態(tài)下雙擊屏幕可以體驗(yàn)到完整的全面屏看視頻的感覺(jué)。

但在微信中，底部的 UI 處理多少有點(diǎn)問(wèn)題。打開(kāi)摩拜的小程序，之前出現(xiàn)在最下方的點(diǎn)擊開(kāi)鎖按鈕會(huì)被 iPhone X 的虛擬 Home 條所遮擋。這個(gè)情況發(fā)生在多個(gè)應(yīng)用上，虛擬 Home 鍵會(huì)遮擋住應(yīng)用底部導(dǎo)航欄的文字內(nèi)容。點(diǎn)擊的時(shí)候可能發(fā)生點(diǎn)不中的情況。

在我們測(cè)試的過(guò)程中，微信還出現(xiàn)了一個(gè)bug，刪除群成員的時(shí)候，最頂上的一名成員會(huì)被自動(dòng)隱藏，需要下滑才能看見(jiàn)。這導(dǎo)致很難點(diǎn)中進(jìn)行刪除操作。

阿里的淘寶、天貓、UC 瀏覽器都在第一時(shí)間對(duì) iPhone X 進(jìn)行了適配，但是在體驗(yàn)上，淘寶在頂部區(qū)域出現(xiàn)了按鈕重疊等細(xì)節(jié)問(wèn)題，內(nèi)置的播放器也會(huì)持續(xù)顯示虛擬 Home 條。

而支付寶直到現(xiàn)在依然無(wú)法使用 Face ID 來(lái)進(jìn)行支付。在設(shè)置解鎖方式里，支付寶只能使用指紋和手勢(shì)驗(yàn)證，正常來(lái)說(shuō)，在 iPhone X 上原本用指紋的都可以開(kāi)啟 Face ID 刷臉，但這里的選項(xiàng)變成“本型號(hào)設(shè)備暫不支持指紋”。

想要在 iPhone X 的支付寶上進(jìn)行面部支付，只能使用支付寶通過(guò)前置攝像頭進(jìn)行的面部識(shí)別驗(yàn)證。但這個(gè)在 1 千塊的智能機(jī)上都能使用的功能，無(wú)論是速度、精確度和適用性都完全無(wú)法和 Face ID 相媲美。

游戲中，熱門(mén)新作都進(jìn)行了適配，而老牌游戲普遍沒(méi)有

最近火熱的射擊類手游中，《小米槍?xiě)?zhàn)》、《穿越火線》和《終結(jié)者 2 審判日》等游戲?qū)?iPhone X 都進(jìn)行了適配。但在老牌知名游戲中，只有《王者榮耀》和《陰陽(yáng)師》很快進(jìn)行了適配。騰訊另一款《歡樂(lè)斗地主》、暴雪的《爐石傳說(shuō)》和《開(kāi)心消消樂(lè)》等游戲都沒(méi)有適配。

有趣的是，由于 iPhone X 的屏幕比其他機(jī)型都要長(zhǎng)，有玩家此前詢問(wèn) iPhone X 是否可以獲得更多王者榮耀中的戰(zhàn)場(chǎng)視野。隨后，王者榮耀官方回應(yīng)稱，已經(jīng)在屏幕兩側(cè)加上漸變黑色處理，確保和其他機(jī)型的顯示畫(huà)面一樣。這樣的處理也解決了 Face ID 劉海部分的顯示情況，但并不符合蘋(píng)果之前提出的適配規(guī)定，就是不要使用黑邊來(lái)遮蓋 Face ID。

但實(shí)際游戲中，在 iPhone X 上玩王者榮耀依然會(huì)遇到一些問(wèn)題，在發(fā)動(dòng)類似閃現(xiàn)、回城等技能的時(shí)候，由于很容易誤接觸到虛擬 Home 條導(dǎo)致游戲被切回桌面。這個(gè)適配后帶來(lái)的細(xì)節(jié)問(wèn)題已經(jīng)大量出現(xiàn)在王者榮耀的玩家論壇上。

完全沒(méi)有適配的應(yīng)用依然很多

完全沒(méi)有適配的應(yīng)用中包括一些適配需要并不高的銀行、運(yùn)營(yíng)商等應(yīng)用：

唯品會(huì)、火山小視頻、中國(guó)移動(dòng)、內(nèi)涵段子、B612、小紅書(shū)、工商銀行等。

而拼多多這類用戶量很大的應(yīng)用并沒(méi)有對(duì) iPhone X 進(jìn)行適配也令人有點(diǎn)意外。

蘋(píng)果已經(jīng)有了一套規(guī)范，但大部分開(kāi)發(fā)者還沒(méi)來(lái)得及調(diào)整設(shè)計(jì)

在官方指導(dǎo)的適配文檔里，對(duì)于有 Face ID 影響的狀態(tài)欄和底部虛擬 Home 條的處理都做了詳細(xì)的規(guī)范，這些規(guī)范可以處理目前所有的應(yīng)用適配問(wèn)題。

在 iPhone X 上，狀態(tài)欄的高度是高于之前所有的 iPhone 版本的。這導(dǎo)致了之前在 UI 開(kāi)發(fā)中可以用默認(rèn)高度數(shù)值 64 來(lái)設(shè)置的狀態(tài)欄加導(dǎo)航欄調(diào)整為必須使用動(dòng)態(tài)布局 ，否則頂部的 UI 就會(huì)出現(xiàn)重疊的現(xiàn)象。

而有些應(yīng)用之前花費(fèi)心思來(lái)隱藏狀態(tài)欄也變得不可用。顯示在狀態(tài)欄處的內(nèi)容會(huì)被劉海所切割，在抖音、嗶哩嗶哩中都可以看到這樣的問(wèn)題。

另一方面，大部分適配的應(yīng)用在處理底部的時(shí)候都是直接用和底部導(dǎo)航欄顏色一樣的元素填充底部圓角區(qū)域的內(nèi)容，導(dǎo)致了大量留白的出現(xiàn)。這是因?yàn)樘O(píng)果在官方設(shè)計(jì)文檔中建議這樣做，確保不會(huì)對(duì)虛擬 Home 條進(jìn)行影響。

而影響視頻播放體驗(yàn)的虛擬 Home 條，蘋(píng)果也在文檔中做了正確的示范。在播放視頻時(shí)，開(kāi)發(fā)者可以開(kāi)啟虛擬 Home 條「自動(dòng)隱藏」功能從而獲得沉浸式體驗(yàn)。開(kāi)啟后，視頻播放時(shí)虛擬 Home 條將自動(dòng)消失;單擊屏幕后就又會(huì)出現(xiàn)。

官方文檔中展示開(kāi)啟「自動(dòng)隱藏」功能

雖然蘋(píng)果給出的文檔對(duì)與可能出現(xiàn)的適配問(wèn)題都做了規(guī)范和提示，但開(kāi)發(fā)者的時(shí)間不是很夠。9 月發(fā)布會(huì)后的測(cè)試版虛擬機(jī)并不完整，當(dāng)時(shí)看不到控制中心、沒(méi)有桌面背景、在 Mac 上拖放卡頓嚴(yán)重。

而且今年這么大的變化，只在虛擬機(jī)上測(cè)試是不夠的，真機(jī)上會(huì)碰到一些虛擬機(jī)上看不出來(lái)的問(wèn)題。

此外這還只是基礎(chǔ)的適配問(wèn)題，只是確保用起來(lái)沒(méi)問(wèn)題而已。更長(zhǎng)的屏幕對(duì)用戶視線、交互都有影響，我們沒(méi)有看到應(yīng)用為更長(zhǎng)的屏幕重新設(shè)計(jì)用戶界面、基本也只有幾個(gè)海外應(yīng)用推出黑色主題迎合顯示黑色更省電的 AMOLED 屏幕。