如何更新Android應用程式的啟動器圖示
您可以通過為使用者介面提供專業的外觀來增加任何產品的價值。當用戶喜歡他們在應用UI中看到的內容時，他們更有可能安裝它。您的Android應用應遵循的設計，顏色，圖示和其他UI元素有一組已定義的規則。在本文中，我們將堅持使用Android應用程式的圖示，特別是 啟動器圖示 。
Android應用的圖示分為幾個 類別 。這些包括：
- 啟動器圖示 ：此圖標表示使用者裝置主螢幕或應用程式列表中的應用程式。這可以是 適用於Android 8.0（API級別26）或更高版本的 自適應啟動器圖示， 也可以是 適用於Android 7.1（API級別25）或更低版本的 舊版啟動器圖示 。
- 操作欄圖示： 用於操作欄中的專案。
- **選項卡圖示： **用於帶有圖示的選項卡項（如果有）。
您可以通過檢視其他應用來了解有關這些圖示類別的更多資訊。以下是WhatsApp圖示的示例：
WhatsApp圖示示例
現在，如果您是設計師，或者如果您是團隊中有設計師的開發人員，那麼建立這些圖示似乎很容易。但它並不像看起來那麼容易。您必須根據Android裝置的螢幕解析度和密度為每個不同的維度建立圖示。為了讓您瞭解這可以做多少工作，如果您要以傳統方式執行此操作，則需要建立啟動器圖示的大小列表：
| 密度 | 圖示 |
|---|---|
| LDPI | 36 x 36畫素 |
| MDPI | 48 x 48畫素 |
| tvdpi | |
| 64 x 64畫素 | |
| 華電國際 | |
| 72 x 72畫素 | |
| xhdpi | |
| 96 x 96畫素 | |
| xxhdpi | |
| 144 x 144畫素 | |
| xxxhdpi | |
| 192 x 192畫素 | |
| 捲筒紙 | |
| 512 x 512 px |
這只是發射器圖示。每個圖示類別都有一個類似的列表。但幸運的是，Android Studio為我們提供了一個名為 Image **** Asset Studio 的工具 ，可以非常輕鬆地處理所有螢幕密度的圖示建立。
什麼是Image Asset Studio？
Android Studio 3引入了Image Asset Studio，可為您的應用建立圖示。它負責為不同的螢幕密度生成適當解析度的應用程式圖示，並將它們放在 資源 目錄中的相應 mipmap-density 資料夾中 。它還會生成網路圖示（512 x 512畫素），這是將應用程式上傳到Google Play商店所必需的。然後，在執行時期間，基於裝置的螢幕密度，相應地從資料夾中提取這些圖示。
對於 自適應啟動器圖示 ，Image Asset Studio提供了圖示集的完整預覽，其中包括圓形，方形，圓角方形，松鼠，全流失圖層，傳統圖示，圓形和Google Play商店版本的圖示。
自適應啟動器圖示預覽
另一方面，對於 傳統的啟動器圖示 ，裝置不支援不同形狀的圖示。因此將生成一組更受限制的圖示。
舊版啟動器圖示預覽
使用Image Asset Studio
我們來看看如何使用Image Asset Studio建立圖示集。
如何使用Image Asset Studio更新圖示
要啟動Image Asset Studio，請 在 專案視窗中 選擇 **Android ****。 **右鍵單擊 res 資料夾，然後選擇 New > **Image Asset。 **您現在已經打開了Image Asset Studio。您現在可以根據需要建立自適應啟動器圖示或僅舊版啟動器圖示。
建立自適應啟動器圖示
您將使用此圖示型別獲得Android 8.0支援。
首先， 為Icon Type 選擇 Launcher Icons（Adaptive＆Legacy） 。 如果您願意，可以更改圖示的 名稱 。如果名稱已存在，則對話方塊底部會顯示警告，告知您現有的名稱將被覆蓋。
在“ 前景圖層” 選項卡中，選擇“資產型別”：
- 影象 ：設定自定義圖示影象的路徑。
- 剪貼畫 ：從材料設計圖示集中選擇圖示並設定顏色。
- 文字 ：設定指定的字串，並設定字型和顏色。
同樣，在“ 背景圖層” 選項卡中，您可以選擇“ 影象” ，“ 剪貼畫 ”或“ 文字” 資源型別。
對於前景層和背景層，您還具有以下可選設定：
- 圖層名稱 ：您可以為圖層指定唯一名稱。
- 縮放參數 ：可以根據您的要求進行設定。如果為背景圖層選擇顏色，則會禁用此選項。
- 修剪 ：選擇是否要刪除圖示周圍的透明空間。
- 調整大小 ：更改圖示的大小。
“ 舊版” 選項卡可讓您決定是否還生成舊版圖示。您可以在此處選擇是否要生成舊版圖示，Google Play商店圖示和圓形圖示，以及每種圖示使用的形狀。
建立舊版啟動器圖示
image
如果您想支援小於或等於7.1的Android版本，這是您將建立的圖示。
首先，為圖示型別選擇 啟動器圖示（僅限傳統） 。 如果您願意，可以在此時更改圖示的 名稱 。如果名稱已存在，則底部會顯示一條警告，表示現有名稱將被覆蓋。選擇 資產型別 並配置相關設定。
- 影象 ：設定自定義圖示影象的路徑。
- 剪貼畫 ：從材料設計圖示集中選擇圖示並設定顏色。
- 文字 ：設定指定的字串，並設定字型和顏色。
您還可以為圖示的外觀配置一些可選設定：
- 修剪 ：如果要刪除圖示周圍的透明空間，請選擇此選項。
- 填充 ：設定圖示的填充。
- 前景 ：設定前景色。
- 背景 ：設定背景顏色。
- 縮放 ：選擇裁剪或縮小以適應。
- 形狀 ：要為圖示新增背景，請選擇形狀。對於透明背景，請選擇無。
- 效果 ：選擇是否對方形或矩形圖示具有狗耳效果。
您所做的任何更改都將反映在預覽部分中。一旦您對圖示的外觀感到滿意，請單擊“ 下一步” 。
然後，您將進入設定螢幕，您可以在其中更改將 放置圖示的 資源目錄 。如果你願意，可以更新它。以下是可用選項：
- main / res： 適用於所有構建變體，包括髮布和除錯。
- release / res： 覆蓋構建的單個發行版本的主要源集。
- debug / res： 僅用於除錯。
- 自定義源集： 您可以定義自己的源集。
最後，按 Finish完成 包裝 。
現在，我們已準備好在所有相應資料夾中使用新的啟動器圖示。我的啟動器圖示的名稱是 ic_launcher_demo 。您可以在下面的螢幕截圖中看到為此圖示生成的所有圖示。
image
更新AndroidManifest檔案
現在是時候更新 AndroidManifest 檔案，以便我們的應用程式知道使用新圖示。首先，開啟 **AndroidManifest.xml **檔案。此處，預設啟動器圖示設定在第7行和第9行。您需要使用您建立的新圖示更新它。
image
更改 android:icon 和 android:roundIcon 這個名字你選擇你的啟動器圖示。
android:icon="@mipmap/ic_launcher_demo" android:roundIcon="@mipmap/ic_launcher_demo_round"
恭喜！您已成功更新應用的啟動器圖示。
結論
在這篇文章中，您瞭解了Android應用程式中使用的各種圖示，以及必須為每個圖示生成的所有不同螢幕解析度。然後，您瞭解了Image Asset Studio工具以及它如何為您的Android應用程式生成圖示變得更加容易。
想學習更多Android知識，或者獲取相關資料請加入Android技術開發交流2群：935654177。本群可免費獲取Gradle，RxJava，小程式，Hybrid，移動架構，NDK，React Native，效能優化等技術教程！