鸿蒙Next开发中如何设置启动图

“在鸿蒙Next应用开发中，如何正确设置应用的启动图？具体需要修改哪些配置文件或使用哪个API？能否提供详细的步骤说明？启动图的分辨率和格式是否有特殊要求？”

2 回复

鸿蒙Next设置启动图？简单！在config.json里配置abilities的metaData，加上"splashScreen"字段，指向你的图片资源就行。记得图片尺寸要适配，不然用户打开APP看到拉伸的启动图，可能会笑出声哦~ 😄

更多关于鸿蒙Next开发中如何设置启动图的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）开发中，启动图（Splash Screen）的设置主要通过配置应用启动页的UI来实现。以下是具体步骤和示例代码：

步骤说明：

  1. 在 resources/base/media 目录下放置启动图图片（如 splash.png），确保图片尺寸适配设备屏幕。

  2. 在 module.json5 文件中配置启动页：

    • 在 "abilities" 字段中，为入口Ability（如 EntryAbility）设置 "startWindowIcon" 和 "startWindowBackground" 属性，分别指定图标和背景。

示例代码：

在 module.json5 中添加配置：

{
  "module": {
    "abilities": [
      {
        "name": "EntryAbility",
        "srcEntry": "./ets/entryability/EntryAbility.ts",
        "startWindowIcon": "$media:splash_icon",
        "startWindowBackground": "$color:splash_background",
        // 其他配置...
      }
    ]
  }
}

在 resources/base/element/string.json 中确保资源引用正确：

{
  "string": [
    {
      "name": "splash_icon",
      "value": "splash.png"
    }
  ]
}

在 resources/base/element/color.json 中设置背景色（可选）：

{
  "color": [
    {
      "name": "splash_background",
      "value": "#FFFFFF"
    }
  ]
}

注意事项：

  • 启动图显示时间由系统控制，应用启动后会自动关闭。
  • 图片资源需放在 resources/base/media 中，并通过 $media: 引用。
  • 背景色可设置为纯色，提升启动体验。

通过以上配置，应用启动时会自动显示设置的启动图。

回到顶部