更改 flutter 應用程序圖標的背景顏色

Question

我想將背景圖標更改為#fe6017 。 我使用flutter_launcher_icons ，設置adaptive_icon_background: "#fe6017" 。 但它不起作用。 我也嘗試調整圖像大小。 但它總是縮小並在我的圖像周圍放置white 。 謝謝你。

Answer 1

1. 在 Android Studio 中打開android文件夾。

2. 右鍵單擊 res 文件夾和 select New > Image Asset。

3. 在圖標類型字段中，select 啟動器圖標（自適應和舊版）。

4. 在前景層選項卡中，select 是資產類型，然后在下面的字段中指定資產：

• Select Image 指定圖像文件的路徑。 * Select 剪貼畫從材料設計圖標集中指定圖像。 * Select Text 指定一個文本字符串和 select 一個字體。

5. 在背景層選項卡中，select 為資產類型，然后在下方字段中指定資產。 您可以 select 一種顏色或指定一個圖像用作背景層。
6. 在舊版選項卡中，查看默認設置並確認您要生成舊版、圓形和 Google Play 商店圖標。
7. （可選）更改每個前景層和背景層選項卡的名稱和顯示設置：

• 名稱 - 如果您不想使用默認名稱，請鍵入一個新名稱。 如果該資源名稱已存在於項目中（如向導底部的錯誤所示），則會被覆蓋。 名稱只能包含小寫字符、下划線和數字。

• 修剪 - 調整源資產中圖標圖形和邊框之間的邊距，select 是。 此操作刪除透明空間，同時保留縱橫比。 要保持源資產不變，select No.

• 顏色 - 要更改剪貼畫或文本圖標的顏色，請單擊該字段。 在 Select 顏色對話框中，指定顏色，然后單擊選擇。 新值出現在該字段中。

• 調整大小 - 使用 slider 指定比例因子以調整圖像、剪貼畫或文本圖標的大小。 當您指定顏色資源類型時，此控件對背景層禁用。 點擊下一步。

8. （可選）更改資源目錄：Select 要在其中添加圖像資產的資源源集：src/main/res、src/debug/res、src/release/res 或自定義源集。 主要源集適用於所有構建變體，包括調試和發布。 調試和發布源集覆蓋主要源集並應用於一個版本的構建。 調試源集僅用於調試。 要定義一個新的源集，select File > Project Structure > app > Build Types。 例如，您可以定義一個 beta 源集並創建一個圖標版本，該版本在右下角包含文本“BETA”。 有關詳細信息，請參閱配置構建變體。 單擊完成。 Image Asset Studio 將圖像添加到不同密度的 mipmap 文件夾中。

Answer 2

您可以創建一個填充有顏色#fe6017 的圖像並將其用於adaptive_icon_background，如示例

flutter_icons:
  android: "launcher_icon"
  ios: false
  image_path: "assets/icon/icon.png"
  adaptive_icon_background: "assets/icon/icon-background.png"
  adaptive_icon_foreground: "assets/icon/icon.png"