使用Android Studio的神器Image Asset創建App自適應圖標

前言

關于App自適應圖標的解釋,谷歌官方解釋【自適應圖標】,圖標被分成了前景內容層和背景可裁剪層,簡言之理解就是有更好的兼容性了,適應直角,圓角等各種形狀,還可以在支持的launcher上可產生一些動畫效果,比如MIUI上;此外還引入安全區的概念,將圖標核心內容層限定在安全區內了,也是非常的秀了
這么秀的概念要落地,因此谷歌在AS上開發了個功能Image Asset來輔助大家完成這個圖標的生成,谷歌官方文檔【Image Asset

食用方法

  • 1.呼叫你們的設計將圖標切成兩層,設計的時候內容層不要和四周有太大的關聯,背景四周的也不用又重要的信息,因為四周可能會被裁掉,比如我們用的這個圖標,完整圖和前景圖及背景圖分別如下


    完整效果圖

    前景內容層

    背景可裁剪層
  • 2.準備好圖了,只需用Image Asset操作就生成在項目里面了,操作項目app->res目錄右鍵->New->Image Asset打開Image Asset主界面,然后在ForegroundLayer和BackroundLayer界面分別選擇前景圖及背景圖,然后調整前景圖的Resize滑塊,讓前景圖在安全區之內即可


    項目app->res目錄右鍵->New->Image Asset

    Image Asset主界面

    前景界面主要操作點

    背景界面主要操作點
  • 3.點擊下一步,進入確定生成界面,如下圖,其中實測要注意一點,如下圖這些圖片名字都是紅色的,代表現在目標目錄已有這些同名的圖,然而Image Asset有個bug,當點了確定生成時,它只會刪除原來同名的,而不會生成新的,因此建議操作這個生成的時候,先按照這個圖里面的名稱,把原來的刪除后再來生成這個,保證這個圖里面的名字是綠色的就沒問題;或者先直接確定讓Image Asset刪除重名的,再進來重新生成一波即可!


    確定生成界面
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容