科技來電：適配iPhone X讓開發者無所適從
智電網訊：自2017年蘋果推出新一代iPhone X之後，這款擁有異性全面屏設計的iPhone X讓很多APP無法正常的適配，總會在上下兩邊採用一些大黑邊的現象，這也是沒有辦法的，前幾年APP大部分都針對16：9的屏佔比才會完美的適配該屏幕的尺寸，這次因全面屏設計，大部分手機都採用18:9的屏佔比，iPhone X也是一樣的。
為了讓 iOS 應用更好的適配 iPhone X 這塊屏幕，蘋果在人機界面指南中，為開發者們提供了針對 iPhone X的適配調整建議。（不要嘗試將屏幕圓角、感測器凹陷、底部 home 鍵橫線，以黑色背景的形式隱藏起來）也就是說，蘋果建議開發者們保留iOS對這些區域的默認處理方式（不做處理）。利用黑色背景將凹陷兩側「耳朵」藏起來的方法，蘋果不予鼓勵。
為了避免被圓弧邊角和頂部凹陷干擾，所有APP都要將內容和控制項布置在名為安全區的矩形以內。顯示界面底部的 home 鍵橫線被歸在了安全區以外，這裡不能設置任何交互控制項，以免影響到正常的返回桌面等操作。
1、大部分開發者都用標準適配
目前，蘋果自家研發的APP當中，這些都是經過蘋果不斷調試後，才真正意義上的完美適配iPhone X，還有就是在App Store中完成適配的應用多數都採用了蘋果官方提倡的適配方式，即：劉海處留白，然後應用底部Button為橫條預留好空間。
大部分APP為了適配iPhone X，都會選擇直接將額頭處留白，讓手機的「劉海」自行填充留白處，而Google的Chorme瀏覽器也正是這麼做的。但問題在於，當橫置手機時，頁面的額頭卻依然保留了下來，在屏幕頂端留下了大約1cm的空白，最令人髮指的是它並不會隨著網址輸入欄的隱藏而消失。
其實，像這種適配方式也是目前最成熟的，一方面這不會影響到底部Button的正常點擊，另一方面也不會遮擋住最底部區域的視野，當然很多開發者大部分都會採用這樣的適配方式，就比如微信、淘寶、支付寶、微博等等目前所使用的都是這樣的適配形式。
點評：一些軟體雖然外面看起來完成了適配，但程序員們也在APP裡面的適配中偷了懶，例如愛奇藝，某些寬屏視頻進去畫面秒變4.7英寸，看著太尷尬。而bilibili等其他應用在這方面做的也不完善：很多軟體提供畫面尺寸伸縮可以讓視頻鋪滿屏幕，不過中文視頻還好，其他語種的視頻看的時候就考研你的外語水平了。
2、兩邊漸變設計 為了對稱劉海
iPhone X在玩遊戲的時候對稱起來確實比較麻煩一些，因為玩遊戲大部分都是要橫向玩，所以很多APP都會採用兩邊漸變的設計，就比如說最近很熱門的《王者榮耀》這款手游，騰訊的這款大作手游在解決全面屏風格時，騰訊就會採用漸變對稱劉海設計。
騰訊一些遊戲對劉海的適配堪稱「心機滿滿」《王者榮耀》在適配的時候採用兩邊漸變的設計，從而淡化了劉海的突兀感，同時也降低了iPhone X在19.5:9的屏佔比的效果下，採用大長屏的視角優勢，保證了遊戲公平性。
在《王者榮耀》的遊戲戰鬥場景中，騰訊將屏幕兩側加入了漸變黑邊，來遮擋多出的可顯示面積，所以在進行遊戲時相比iPhone 7 Plus或者iPhone 8 Plus這類手機，iPhone X不會獲得更多的可視面積，花了更多的錢卻沒讓我變更強，這真是太不符合騰訊的作風了。
點評：《王者榮耀》對於iPhone X的適配速度並不算快，但它確實針對「小劉海」做出了很多設計上的改動，例如將好友欄以及道具購買按鍵向屏幕中心平移以避開異形屏的黑邊。同時大多數的側邊菜單欄都為避開屏幕「劉海」做了拉長處理，但仔細翻閱，還是能找到部分未能進行適配的菜單，不知道《王者榮耀》何時會進行修復。
3、開發者靠劉海設計來賺錢
除了原有軟體適配iPhone X，一些開發者更是直接打起了劉海的主意，把iPhone X的劉海玩出了各種花樣。看來這些開發者還真是腦洞大開，擁有這樣的異性全面屏設計，為採用劉海式風格的iPhone X還能有賺錢的用途。
例如這款名為《Customize》的壁紙軟體，裡面提供各種形狀的劉海壁紙供選，只為幫你遮住備受「嫌棄」的劉海，不少設計一眼看去還挺萌的。此外，還有一款APP為Notch Remover也是一樣的。實際上，這些APP並不是真的把劉海去掉了，而是直接把整個導航條都變成黑色，這樣一來頂部就不會顯得那麼突兀了。
然而，用戶們似乎對這個也不太滿意，畢竟有劉海就是iPhone X的特徵，而且這個「去劉海」也太沒有誠意了，劉海還是在那裡，並不是完全移除了。有不少先試水的用戶們都給這個APP打了一星，警告其他用戶不要被坑。
點評：整體來說，針對iPhone X的適配與iPhone 6發布時相比，如今開發者的動作可以說是相當迅速。這一點無論是對用戶還是對iPhone X的普及，都有著不少好處。當然未來肯定會解決這個劉海式設計，大部分APP也會完美適配這個異性全面屏，筆者認為一款能改變世界的iPhone，你買了它，就要慢慢去適應它。
好了，本期科技來電 到此結束，我們下期見。
新鮮資訊，熱辣點評，盡在科技來電！
TAG:智電網 |