鸿蒙5.0开发进阶：生成应用图标

懂你的大海

于 2025-04-10 14:08:20 发布

阅读量1k

点赞数 21

分类专栏： ArkUI 鸿蒙开发 ArkTS 文章标签： harmonyos 华为 android 鸿蒙系统 javascript ArkUI ArkTS

本文链接：https://blog.csdn.net/Androidbye/article/details/147117693

版权

鸿蒙开发同时被 3 个专栏收录

1034 篇文章

订阅专栏

ArkUI

762 篇文章

订阅专栏

ArkTS

556 篇文章

订阅专栏

往期鸿蒙5.0全套实战文章必看：（文中附带全栈鸿蒙5.0学习资料）

生成应用图标

DevEco Studio支持Image Asset功能，帮助开发者生成适应不同设备、不同屏幕密度的图标，并展示图标在目录中的具体位置。

说明

当前Image Asset功能支持为Phone、Tablet、2in1应用生成单层图标。

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

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

在工程中选中模块或文件，右键单击New > Image Asset，进入图标配置页面。

说明

若在模块级目录（Entry或其他模块）下新建Image Asset，将创建Icon and start window icon类型图标，用于在module.json5文件中配置icon及startWindowIcon字段；在工程级目录（AppScope或其他目录）下新建Image Asset，将创建Icon类型图标，生成的图标可配置在app.json5文件的icon字段中。
需要根据向导配置图标样式、大小等基本信息。
- Device：选择当前配置的图标生效的设备类型。
- Icon Type：展示当前图标的类型。
- Name：配置图标名称。命名支持使用字母、数字、下划线，长度最多128个字符；不支持中文命名；
- Foreground Layer：分层图标资源前景层。可配置下列字段信息：
  - Path：选择前景Image存放路径。推荐使用的图标尺寸为1024px*1024px，保证图标整体的清晰性。
  - Trim：选择Yes，将调整图标图形与边框之间的距离，同时会去除图片周围多余的透明空间。
  - Resize：拖动滑块，设置图形的缩放比例。
- Background Layer：分层图标资源背景层。请配置下列字段信息：
  - Asset Type：设置图标背景类型。可以选择颜色（Color）或图像（Image）。
  - Color：点击色块区域，选择适当的背景色。
  - Path：选择背景Image路径。推荐使用的图标尺寸为1024px*1024px，保证图标整体的清晰性。
  - Trim：选择Yes，将调整图标图形与边框之间的距离，同时会去除图片周围多余的透明空间。
  - Resize：拖动滑块，设置图形的缩放比例。
点击Next，确认图标的存储路径和相应的尺寸信息，图标将默认存放在resources 目录下。点击Finish完成图标生成。不同尺寸对照关系如下：
- sdpi：表示小规模的屏幕密度（Small-scale Dots Per Inch），适用于dpi取值为(0, 120]的设备。
- mdpi：表示中规模的屏幕密度（Medium-scale Dots Per Inch），适用于dpi取值为(120, 160]的设备。
- ldpi：表示大规模的屏幕密度（Large-scale Dots Per Inch），适用于dpi取值为(160, 240]的设备。
- xldpi：表示特大规模的屏幕密度（Extra Large-scale Dots Per Inch），适用于dpi取值为(240, 320]的设备。
- xxldpi：表示超大规模的屏幕密度（Extra Extra Large-scale Dots Per Inch），适用于dpi取值为(320, 480]的设备。
- xxxldpi：表示超特大规模的屏幕密度（Extra Extra Extra Large-scale Dots Per Inch），适用于dpi取值为(480, 640]的设备。
如需配置桌面或设置页面出现的应用图标，可将module.json5文件中icon字段修改为新生成的图标名称；如需修改启动页的icon图标，可将module.json5文件中startWindowIcon字段修改为新生成的图标名称。
说明
- 当上述字段配置了新生成的图标名称后，系统会根据当前设备状态优先从相匹配的限定词目录，即步骤3生成的不同尺寸的图标文件中寻找资源。
- 若module.json5文件中未配置icon字段，系统将使用app.json5中icon字段配置的图标。