更改 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"