DevEco Studio的New Image Asset生成的icon图标有什么用，怎么使用？

DevEco Studio的New Image Asset生成的icon图标有什么用，怎么使用？ 请问大家：DevEco Studio 的New Image Asset生成的icon图标有什么用，怎么使用？是不是要改为1024X1024像素的？

6 回复

开发者您好，Image Asset可以帮助开发者生成适应不同设备、不同屏幕密度的图标，并展示图标在目录中的具体位置，具体使用和相关属性介绍，开发者可以参考这个文档：Image Asset。


点进去，再导出就行。一般用与前景和背景图生成。

场景：应用图标

怎么使用？

当应用图标用的

New Image Asset生成的icon图标用于应用界面显示，包括应用图标、快捷方式图标等。使用方式：在DevEco Studio中右键点击项目资源目录，选择"New > Image Asset"，配置图标类型、尺寸和样式后自动生成多分辨率图标文件，系统会根据设备分辨率自动适配对应资源。

DevEco Studio中的“New Image Asset”功能主要用于生成符合HarmonyOS应用规范的多种尺寸图标资源，以适配不同设备屏幕密度。

主要用途：

  1. 自动生成多分辨率图标：根据你提供的源图（建议1024x1024或更高分辨率），工具会自动生成适用于不同屏幕密度（如mdpi、hdpi、xhdpi、xxhdpi等）的图标文件（.png格式）。
  2. 统一管理图标资源：生成的图标会按照HarmonyOS的资源目录结构（如base > media）自动放置，方便你在项目resources目录下统一管理和调用。
  3. 确保显示效果：避免因手动缩放图标导致的失真、模糊，保证在各设备上清晰显示。

使用方法：

  1. 在DevEco Studio项目窗口中，右键点击resources > base > media目录（或其他目标目录）。
  2. 选择 New > Image Asset。
  3. 在弹出窗口中：
    • Asset Type：选择“Icon”。
    • Source Asset：点击“Path”后的文件夹图标，选择你的源图像文件（建议使用1024x1024像素或更高分辨率的方形PNG文件，以确保生成所有尺寸图标时质量最优）。
    • 配置参数：可调整背景层、前景图比例、形状（圆形/方形等）、填充颜色等。
    • Output Directory：通常默认即可，工具会自动在resources对应目录下生成icon.png及各密度版本。
  4. 点击“Next”并完成。

关于像素问题： 是的，强烈建议源图使用1024x1024像素或更高分辨率。 这是因为工具需要从该源图向下缩放出多种更小尺寸的图标。高分辨率源图能提供足够细节，确保所有生成的小尺寸图标都保持清晰。如果源图尺寸过小，放大后再生成其他尺寸会导致质量损失。

在代码或配置中引用： 生成后，你可以在resources/base/element/string.json中定义图标资源，或在UI组件（如<Image>）中通过$r('app.media.icon')方式引用。

回到顶部