版權聲明：本文為xing_star原創文章，轉載請註明出處！ 本文同步自http://javaexception.com/archives/165 客戶端開屏廣告適配的一點經驗 昨天晚上，群里有個小伙伴在問，開屏頁廣告如何適配的問題，ui問應該給切幾種尺寸的圖？這塊算是有點心得，所以特意回答了下。 ...
版權聲明：本文為xing_star原創文章，轉載請註明出處！
本文同步自http://javaexception.com/archives/165
客戶端開屏廣告適配的一點經驗
昨天晚上，群里有個小伙伴在問，開屏頁廣告如何適配的問題，ui問應該給切幾種尺寸的圖？這塊算是有點心得，所以特意回答了下。
隨著蘋果，Google等大廠不斷研發新的設備機型，Android和iOS的設備種類越來越繁多了，有普通的屏幕16:9的，也有最近幾年出來的全面屏，水滴屏，劉海屏等，Android的全面屏基本上是18:9的比例，iPhone X的尺寸是19.5:9。按照這個結論，大致上是有三種尺寸的圖的。所以得讓設計師一個廣告圖，切三個尺寸。
根據現有的屏幕比例，分成了大致的三類：基礎版 1080*1920（通用16:9）、Android 全面屏 1080*2160（比例18:9）、iPhone X 1125*2436（19.5:9）讓設計師一張圖切出這幾個尺寸即可。
客戶端調用api，傳遞高寬比的值，服務端根據高寬比返回對應的圖片。這樣圖片載入到頁面上，經過縮放拉拉伸等等，效果上也還不錯。(需要服務端配合)
Android獲取屏幕高寬比的代碼如下:
DecimalFormat decimalFormat = new DecimalFormat(“.0”); String scale = decimalFormat.format(1.0 * DisplayUtils.getWindowHeight() / DisplayUtils.getWindowWidth());
其他的一些思路:
實際上如果團隊約定明確的話，一種尺寸也是可行的，這種的話，需要讓ui設計師，以及運營明白，
做出來的圖片(適用於廣告營銷、品牌推廣類型的），靠近左右兩邊的位置不要放置重要信息，圖片不要過於複雜等，以免被裁剪影響閱讀和效果。有這個意識的話，一張圖片也可行，這樣就不存在拉伸形變的問題。
