HarmonyOS鸿蒙Next中应用前景图后景图相关问题

HarmonyOS鸿蒙Next中应用前景图后景图相关问题 cke_156.png

这个问题一直存在,怎样配置才不会出错?


更多关于HarmonyOS鸿蒙Next中应用前景图后景图相关问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复
  1. 分层图标尺寸
    • 前景图与背景图均需为1024px*1024px的PNG格式
    • 背景图必须纯色不透明,前景图需保留透明区域
    • 禁止手动添加圆角或内边距
  • 将前景图(foreground.png)、背景图(background.png)放入: entry/src/main/resources/base/media/
  • 在同目录新建分层描述文件(如layered-icon.json):

 

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

在AppScope/app.json5中配置:

{
  "app": {
    "icon": "$media:layered-icon",
    // 其他配置...
  }
}

参考地址

https://developer.huawei.com/consumer/cn/doc/architecture-guides/insurance-v1_2-ts_33-0000002312518974

更多关于HarmonyOS鸿蒙Next中应用前景图后景图相关问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


  • 通过IDE自动生成合规图标: a. 右键点击 entry > New > App Icon b. 选择前景图/背景图资源 c. 自动生成符合规范的图标资源

有要学HarmonyOS AI的同学吗,联系我:https://www.itying.com/goods-1206.html

你的应该是老工程的项目,审核要求关于应用图标的配置有变。

你新建一个空项目,可以看到新的配置如图:

AppScope中

background.png : 是一张1024x1024的纯色背景图片,作为应用icon的背景色。比如微信可为纯绿色。

foreground.png:  可配置为应用的icon。

修改建议:将新工程中的 media/ 文件夹替换掉旧工程的。并修改app.json5中的 icon字段为图中所示。

entry 模块也做相同的修改。

cke_1773.png

HarmonyOS Next中前景图与背景图通过ArkUI的层叠布局实现。前景图使用Stack组件上层元素,可设置透明度与交互事件;背景图作为底层,支持缩放模式(contain/cover等)与模糊效果。两者均通过ResourceManager引用媒体资源,支持动态切换与状态联动。系统自动处理图层混合与内存管理,无需手动优化渲染性能。

回到顶部