更改 flutter 应用程序图标的背景颜色

Question

我想将背景图标更改为#fe6017. 我使用flutter_launcher_icons，设置adaptive_icon_background: "#fe6017"。但它不起作用。我也尝试调整图像大小。但它总是缩小并white在我的图像周围添加颜色。谢谢你。

Answer 1

您可以创建一个填充颜色#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"

Answer 2

1. android在 Android Studio 中打开文件夹。

2. 右键单击 res 文件夹并选择新建 > 图像资源。

3. 在图标类型字段中，选择启动器图标（自适应和旧版）。

4. 在前景图层选项卡中，选择资源类型，然后在下面的字段中指定资源：

• 选择图像以指定图像文件的路径。* 选择剪贴画以指定材料设计图标集中的图像。* 选择“文本”以指定文本字符串并选择字体。

5. 在“背景图层”选项卡中，选择“资源类型”，然后在下面的字段中指定资源。您可以选择颜色或指定图像用作背景图层。
6. 在“旧版”选项卡中，查看默认设置并确认您想要生成旧版、圆形和 Google Play 商店图标。
7. （可选）更改每个“前景层”和“背景层”选项卡的名称和显示设置：

• 名称 - 如果您不想使用默认名称，请键入新名称。如果该资源名称已存在于项目中（如向导底部的错误所示），则该资源名称将被覆盖。该名称只能包含小写字符、下划线和数字。

• 修剪 - 要调整源资源中图标图形和边框之间的边距，请选择“是”。此操作会删除透明空间，同时保留纵横比。要保持源资产不变，请选择否。

• 颜色 - 要更改剪贴画或文本图标的颜色，请单击该字段。在“选择颜色”对话框中，指定颜色，然后单击“选择”。新值出现在字段中。

• 调整大小 - 使用滑块指定缩放系数（以百分比为单位）以调整图像、剪贴画或文本图标的大小。当您指定颜色资源类型时，此控件将对背景图层禁用。点击下一步。

8. （可选）更改资源目录：选择要添加图像资产的资源源集：src/main/res、src/debug/res、src/release/res 或自定义源集。主要源集适用于所有构建变体，包括调试和发布。调试和发布源集会覆盖主源集并应用于构建的一个版本。调试源集仅用于调试。要定义新的源集，请选择“文件”>“项目结构”>“应用程序”>“构建类型”。例如，您可以定义 beta 源集并创建右下角包含文本“BETA”的图标版本。有关更多信息，请参阅配置构建变体。单击“完成”。Image Asset Studio 将图像添加到不同密度的 mipmap 文件夹中。