應用都還沒有適配好 iPhone X 的全面屏

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

完全沒有適配的應用依然很多

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

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

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

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

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

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

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

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

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

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

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

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

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