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

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

如《好奇心日報》早先的評測，這是 iPhone 家族里變化巨大的一代，我們已經(jīng)熟悉的屏幕比例、Home 鍵和指紋識別都消失了。Face ID、新的屏幕形狀和手勢操作帶來了截然不同的體驗。

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

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

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

我們體驗了中國區(qū) App Store 免費榜上前 50 個應(yīng)用。我們還專門對 App Annie 手機游戲收入榜前十名的游戲應(yīng)用進行了測試。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

想要在 iPhone X 的支付寶上進行面部支付，只能使用支付寶通過前置攝像頭進行的面部識別驗證。但這個在 1 千塊的智能機上都能使用的功能，無論是速度、精確度和適用性都完全無法和 Face ID 相媲美。

游戲中，熱門新作都進行了適配，而老牌游戲普遍沒有

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

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

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

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

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

唯品會、火山小視頻、中國移動、內(nèi)涵段子、B612、小紅書、工商銀行等。

而拼多多這類用戶量很大的應(yīng)用并沒有對 iPhone X 進行適配也令人有點意外。

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

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

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

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

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

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

官方文檔中展示開啟「自動隱藏」功能

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

而且今年這么大的變化，只在虛擬機上測試是不夠的，真機上會碰到一些虛擬機上看不出來的問題。

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