uniapp运行到鸿蒙系统如何配置app图标和启动页

“在Uniapp中开发的应用运行到鸿蒙系统时，如何正确配置App的图标和启动页？需要修改哪些配置文件或者进行哪些特殊设置？求详细的操作步骤说明。”

2 回复

在HBuilderX中配置：

  1. 图标：替换 manifest.json 中 app-plus → distribute → icons 下的鸿蒙平台图标路径（建议尺寸 192x192）。
  2. 启动页：在 pages.json 的 globalStyle 中设置 background 颜色或图片，鸿蒙会默认使用。
    无需单独配置鸿蒙原生文件，打包时自动生成。

更多关于uniapp运行到鸿蒙系统如何配置app图标和启动页的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在 UniApp 中配置鸿蒙系统（HarmonyOS）的 App 图标和启动页，需通过修改项目配置文件 manifest.json 实现。以下是具体步骤：

1. 配置 App 图标

在 manifest.json 的 "app-plus" 字段下，添加或修改 "icons" 配置，指定不同尺寸的图标路径（鸿蒙系统推荐使用 PNG 格式，尺寸覆盖常见分辨率）。

示例代码：

{
  "app-plus": {
    "icons": {
      "android": {
        "hdpi": "static/icons/icon-72.png",   // 72x72
        "xhdpi": "static/icons/icon-96.png",  // 96x96
        "xxhdpi": "static/icons/icon-144.png", // 144x144
        "xxxhdpi": "static/icons/icon-192.png" // 192x192
      }
    }
  }
}

说明：

  • 图标路径需指向项目内静态资源目录（如 static/）。
  • 鸿蒙系统兼容 Android 图标配置，因此沿用 android 字段。

2. 配置启动页

在 "app-plus" 下添加 "splashscreen" 配置，设置启动页图片和背景色。

示例代码：

{
  "app-plus": {
    "splashscreen": {
      "autoclose": true,           // 是否自动关闭启动页
      "waiting": true,             // 是否显示等待动画
      "delay": 0,                  // 启动页延迟关闭时间（毫秒）
      "target": "Hello uni-app",   // 启动后跳转的页面（可选）
      "android": {
        "hdpi": "static/splash/splash-hdpi.png",   // 480x800
        "xhdpi": "static/splash/splash-xhdpi.png", // 720x1280
        "xxhdpi": "static/splash/splash-xxhdpi.png" // 1080x1920
      }
    }
  }
}

说明：

  • 启动页图片需适配多种屏幕密度，建议提供多尺寸版本。
  • 可通过 "background" 字段设置启动页背景色（例如："#FFFFFF"）。

3. 生成鸿蒙应用

配置完成后，通过 HBuilderX 或命令行工具将 UniApp 项目打包为鸿蒙应用：

  • 在 HBuilderX 中选择「发行」→「原生 App-云打包」，勾选「鸿蒙」平台。
  • 确保图标和启动页文件已正确放置在项目目录中。

注意事项

  • 图标和启动页需符合鸿蒙设计规范，避免拉伸或变形。
  • 测试时建议使用真机预览效果。

通过以上配置，即可在鸿蒙系统中显示自定义图标和启动页。

回到顶部