DevEco Studio中 New → Image Asset 生成的 icon 怎么使用？

DevEco Studio中 New → Image Asset 生成的 icon 怎么使用？ 想问下在DevEco Studio中 New → Image Asset 生成的 icon 怎么使用？是直接配置在 module.json5 中的 “icon”: “$media:icon” 吗？但是不是推荐分层图标吗？不应该是"icon": "$media:layered_image"吗？

而且也没有找到Image Asset相关的文档介绍。

【问题描述】：在DevEco Studio中 New → Image Asset 生成的 icon 怎么使用？是直接配置在 module.json5 中的 “icon”: “$media:icon” 吗？但是不是推荐分层图标吗？不应该是"icon": "$media:layered_image"吗？而且也没有找到Image Asset相关的文档介绍。

【问题现象】：无

【版本信息】：开发工具版本：6.00、Api语言版本：20

【复现代码】：无

【需求】：Image Asset相关的文档介绍。


4 回复

Image Asset支持生成以下两种类型图标：

  • icon：应用图标（手机或其他设备桌面及设置>应用中出现的应用图标）。
  • startWindowIcon：启动页图标。

可以参考文档：https://developer.huawei.com/consumer/cn/doc/architecture-guides/convenient-life-v1_2-ts_c74-0000002418804945


目前应用的图标不是推荐分层图标了，但Image Asset只能生成单层的。

在DevEco Studio中通过Image Asset生成的icon会自动保存在resources/base/media目录下。使用时在XML布局文件中通过$media:icon_name引用，或在Ability的onWindowStageCreate方法中使用getResourceManager().getMediaContent(ResourceTable.Media_icon_name)获取。在config.json中配置应用图标时直接填写icon文件名即可。生成的icon包含多种分辨率版本，系统会根据设备自动选择合适的尺寸。

在DevEco Studio中使用Image Asset生成的图标，需要根据图标类型正确配置：

  1. 单层图标：通过New → Image Asset生成的普通图标，在module.json5中配置为：
"icon": "$media:icon"
  1. 分层图标：如果需要使用分层图标（推荐用于适配不同场景），应该配置为：
"icon": "$media:layered_image"

关键区别：

  • 单层图标是单一图像文件
  • 分层图标包含前景层和背景层，能够更好地适配不同主题和设备

实际操作步骤：

  • 在DevEco Studio中右键点击media目录
  • 选择New → Image Asset
  • 根据需求选择生成单层或分层图标
  • 在module.json5中引用对应的资源名称

建议检查生成的图标文件类型，确认是单层图标（如icon.png）还是分层图标（layered_image.json），然后选择对应的引用方式。

回到顶部