@TOC

在一次提交鸿蒙APP，上架华为AppGallery应用市场时遇到的问题，记录一下。

一、问题：应用未配置图标的前景图和后景图

应用存在【应用未配置图标的前景图和后景图，标准要求尺寸1024px*1024px且需下载HUAWEI DevEco Studio 5.0.5.315或以上版本进行图标再处理】的问题，不符合鸿蒙应用UX设计规范。

修改建议：
请确保应用符合设计规范。
应用UX体验标准请参考：
https://developer.huawei.com/consumer/cn/doc/design-guides/ux-guidelines-overview-0000001760867048

还配上了测试环境信息和截图。

二、解决方法

主要查看几个点：前景图、背景图、参数配置、上传的应用图标，这些是否规范，根据前景图和背景图生成的应用图标是否使用HUAWEI DevEco Studio 5.0.5.315或以上版本的IDE.

1.前景图、背景图

将图片放入entry/src/main/resources/base/media/中，background.png对应背景图片，foreground.png对应前景图片。

• 前景图就是去掉底色的APP图标的PNG图片，尺寸1024x1024
  

• 背景图就是应用图标的背景底色的PNG图片，尺寸也是1024x1024
  

2.生成APP图标和启动图。

结合前面准备好的前景图和背景图，使用DevEco Studio 5.0.5及以上编辑器生成应用图标和启动图标。步骤如下。

• 步骤1：
  在项目目录，点击新建->Image Asset。
  

• 步骤2：
  上传前面准备好的前景图和背景图，然后点击Next，直到完成。
  

3.检查参数

这个时候已经生成启动图和应用图标了。在src/main/module.json5文件中，我们检查一下参数设置，是否如下图一致。

• 如果没有layered_image.json文件，需要在前景图和背景图同目录（entry/src/main/resources/base/media/）中添加这个文件。

{
  "layered-image":
  {
    "background" : "$media:background",
    "foreground" : "$media:foreground"
  }
}

• “startWindowIcon”: “$media:startIcon” 中规定了启动图是哪个。我们需要更换这个默认的启动图，找个我们生成的启动图icon_startIcon，尺寸是144x144。

具体位置在(src/main/resources/phone-sdpi/media/icon_startwindow.png)。

替换后的效果。

4.AGC上传应用图标

AppGallery中上传应用图标时，这里需要的是一张直角的图，我们可以使用IDE生成，也可以让UI设计师给我们做一张，就是将前景图和背景图放在一起，没有切角的图标。尺寸是216x216。

这个上传示意图，个人觉得就是一个坑，还不如不要。直接说上传一个正方形的直角应用图标就行了。这里容易误导人。

三、可选项

一般情况下应用在入门模块Entry中，获取应用的图标和应用名称、启动图等信息，如果找不到，才会去应用级配置AppScope文件中去找。所以这里的应用图标配置是个可选项，直接复制Entry中的背景图和前景图，修改一下名称就可以了。

• 有个例外，如果这里没有设置应用图标的话，在云调试的时候，在上传的app包列表中，不会显示应用图标。我这里是设置了的，正常显示出来了。

参考

官方问题