感受三星S8屏幕震撼 先過APP適配這道坎

就在前不久發佈的三星Galaxy S8/三星Galaxy S8+，首次創新性的採用了分別為5.8和6.2英寸的全視曲面屏，兩款手機屏幕比例為18.5:9。雖然讓手機屏佔比發揮到了極致，但這也意味著以往針對16:9開發的APP UI（用戶界面）會出現不匹配的現象。

如果開發商沒有很好的對其進行調試的話，可能會出現問題就比如：在常用的16:9屏幕比例用的很好的軟件，在三星Galaxy S8機器上出現界面被拉伸、字體太小的情況等。

那怎麼解決這個問題呢？調唄，開發商將APP UI調試成適配這款屏幕的尺寸就OK了！那好調嗎？這不單是一項技術，還要揣摩界面各個元素的佈置帶來的視覺舒適感等等。

現在編者以開發商的角度，為大家講一下Android的APP UI（用戶界面）是如何適配不同的手機屏幕的。

Android將設備屏幕歸類為兩種常規屬性：尺寸和分辨率。假如我開發的一款遊戲APP“大魚吃小魚”，我應該想到的是我的APP會被安裝在各種屏幕尺寸和分辨率的設備中，我的APP會針對不同的屏幕尺寸和分辨率，來給予一些可選資源，從而優化APP的外觀。

一般普遍的有四種尺寸：小(small)，普通(normal)，大(large)，超大(xlarge)

四種普遍分辨率：低精度(ldpi), 中精度(mdpi), 高精度(hdpi), 超高精度(xhdpi)

一款APP UI要兼容成千上萬的Android設備（圖片引自cocoachina）

就比如我的APP在屏幕稍小的小米 2上面顯示的界面和圖片會稍微略小一點，而在寬大的三星Galaxy S8上面啟動顯示時，一些圖標，界面不光要做的稍大，而且佈局外觀各方面看起來要和諧，各方面操作也要舒適，從而適配這款屏幕。

為了優化不同的屏幕，需要對每一種將要支持的屏幕尺寸創建唯一的XML文件，每一種（layout）需要保存在相應的資源目錄中。 比如你拿LG G6玩我開發的這款“大魚吃小魚” 你下載的那一刻，我這邊的後臺就檢測到你的手機是什麼型號，從而給你安排匹配你手機型號的遊戲界面程序。

適配後的三星S8玩“王者榮耀”視角會比一般手機更廣（圖片引自秒拍）

那麼，到底是什麼原因，讓APP UI的設計可以在千差萬別的分辨率的手機屏幕中依舊能給用戶一個優質的體驗呢？

百分比可以作為一個標準。可以參考以往屏幕的百分比去計算新的設備的長寬高。但並不是所有的APP都可以用百分比適配出最佳的界面。

一款APP UI要根據百分比兼容不同手機型號的尺寸（圖片引自cocoachina）

頁面元素的位置隨著屏幕尺寸的變化而變化（圖片引自cocoachina）

對於三星Galaxy S8的屏幕適配，谷歌已經親自出面，敦促開發者抓緊時間針對18.5：9屏幕比例進行優化，意圖在三星Galaxy S8正式上市後，用戶可以無縫用上符合自己手機屏幕的APP。