.9.png處理安卓啓動圖片變形問題

用一張正方形圖片搞定安卓啓動頁

在這裏插入圖片描述
示例Dome下載:
在這裏插入圖片描述

安卓啓動圖問題

HBuilderX上android端提供的三個尺寸的啓動圖片完全不能滿足全面屏盛行的時代,各種比例的屏幕上出現啓動圖片變形問題,讓人很難受。
DCloud官方的解決方案是使用.9.png圖片詳見

個人解決方法

以前我都是建議不要是有複雜圖案來作爲啓動圖片,直接簡單的寫幾個字就行,這樣字體的變形是不容易被人察覺的。
我前期還調研了幾家大廠的應用啓動頁,圖案都非常簡單。
個人很推薦這種方式,比較簡單易懂。

效果參考下圖:
在這裏插入圖片描述
但是種方式的侷限性也很大,一般要求放個應用logo上去時,就得考慮下面的方案了。

.9.png圖片

安卓官方深知開發者們適配屏幕的痛苦,提供了.9.png格式。
但是一般開發時,這種格式圖片都是用來做什麼按鍵背景、聊天框背景的。
拿來做啓動頁也行,但是注意,它的適配邏輯是對指定的取消進行復制;那麼啓動圖要求必須有純色的橫向區域和豎向區域

正方形啓動圖示例

一般的,有上中下左右幾個區域會放置內容,佈局結構如下圖(一張正方形的圖片)。
在這裏插入圖片描述
未做.9.png時,直接設置爲啓動頁的效果如下:
明顯幾個圓形都發生了變形(廢話了,肯定會變形的)。
在這裏插入圖片描述
再來看看使用.9.png後的效果:
滿足適配大多數屏幕不變形的需求。
在這裏插入圖片描述
示例中.9.png圖片的真容:
在這裏插入圖片描述
說明標註:
按照此標註方法,可以滿足絕大多數啓動圖的製作需求。
在這裏插入圖片描述

關於.9.png的製作

1、可以直接使用ps進行製作,注意不能壓縮。
2、Android stoud 可以直接打開.9.png圖片編輯。
3、eclipse 可以安裝相關插件進行.9.png圖片編輯。

免費幫助

如你需要製作一張簡單的.9.png的啓動頁,但又沒有圖片的編輯環境時;
可以把你的需求發至的我郵箱,我空閒時可以免費幫忙製作。
郵箱賬號:[email protected]

需求中應該包含:
背景顏色、內容(文字內容、圖標等)、顯示區域(上中下左右)等基礎信息。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章