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

kuarbcqp  于 2023-06-07  发布在  Flutter
关注(0)|答案(3)|浏览(180)

我想改变背景图标为#fe6017。我使用flutter_launcher_icons,设置adaptive_icon_background: "#fe6017"。但它不起作用。我也试着调整图片大小。但它总是缩小,并把white颜色周围我的图像。谢谢你。

92dk7w1h

92dk7w1h1#

1.在Android Studio中打开android文件夹。
1.右键单击res文件夹并选择新建>图像资源。
1.在Icon Type字段中,选择Launcher Icons(Adaptive & Legacy)。
1.在“前景层”选项卡中,选择一种资源类型,然后在下面的字段中指定资源:

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

1.在“背景图层”选项卡中,选择一种资源类型,然后在下面的字段中指定资源。可以选择颜色或指定图像用作背景图层。
1.在“传统”选项卡中,查看默认设置,并确认要生成传统、圆形和Google Play商店图标。
1.(可选)更改每个“前景图层”和“背景图层”选项卡的名称和显示设置:

  • 名称-如果不想使用默认名称,请键入新名称。如果该资源名称已存在于项目中(如向导底部的错误所示),则将覆盖该名称。名称只能包含小写字符、下划线和数字。
  • 修剪-要调整源资源中图标图形和边框之间的边距,请选择“是”。此操作将删除透明空间,同时保留纵横比。要保持源资产不变,请选择否。
  • 颜色-要更改剪贴画或文本图标的颜色,请单击相应字段。在“选择颜色”对话框中,指定颜色,然后单击“选择”。新值将显示在字段中。
  • 调整大小-使用滑块以百分比为单位指定缩放因子,以调整图像、剪贴画或文本图标的大小。指定“颜色”资源类型时,将对背景层禁用此控件。单击“下一步”。

1.(可选)更改资源目录:选择要在其中添加图像资源的资源源集:src/main/res、src/debug/res、src/release/res或自定义源集。主源代码集适用于所有构建变体,包括调试和发布。调试和发布源集重写主源集并应用于生成的一个版本。调试源集仅用于调试。要定义新的源集,请选择File > ProjectStructure> app > BuildTypes。例如,您可以定义一个beta源集,并创建一个在右下角包含文本“BETA”的图标版本。有关详细信息,请参阅配置生成变体。单击“完成”。Image Asset Studio将图像添加到不同密度的mipmap文件夹中。

e5nszbig

e5nszbig2#

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

rdlzhqv93#

你可以跟随here只需添加flutter_launcher_icons并运行flutter pub运行flutter_launcher_icons:main

相关问题