HarmonyOS 鸿蒙Next中如何设置应用启动图

HarmonyOS 鸿蒙Next中如何设置应用启动图

启动页是APP的第一个页面，它不仅仅是缓解用户等待过程中焦躁情绪的页面，这里还可以传达很多内容，如产品基础信息、活动内容等等。启动页一般展示时间在3S左右，在启动页加载的过程中，客户端可以在后台执行很多动作，比如权限检查、登录状态检查、版本更新获取、推送功能检查、拉取应用数据等等。现状：目前发现只能配置启动图标，无法满足客户诉求。没有发现配置启动图片入口。需要确认一下是否支持配置启动页图片。

3 回复

@Component struct MCounter { @State countDown: number = 5

aboutToAppear() { let timer = setInterval(() => { this.countDown = this.countDown - 1 if (this.countDown == 0) { router.replaceUrl({ url: “pages/fileManager” }) clearTimeout(timer) } }, 1000) }

build() { Column() { Text(this.countDown.toString()) } } }

@Entry @Component struct Index { build() { Column() { MCounter() }.width(‘100%’) .height(‘100%’) .backgroundColor(Color.Orange) } }

如果还想进一步取消启动时的icon，参考以下结论：主窗口默认会有颜色，所以设置startWindowBackground为透明是达不到效果的（主窗口创建页面的过程，目前没法透明）；图片的话，可以尝试将starticon设置为透明的空图片。目前规格就是这样，这些配置不可缺失，只可修改。

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


在HarmonyOS鸿蒙Next中，设置应用启动图需要在config.json文件中配置abilities的launchType为standard，并在metaData中添加"ohos.ability.landscape"或"ohos.ability.portrait"指定启动图方向。启动图资源需放置在resources/base/media目录下，命名为launch_screen.png。系统会自动识别并加载该图片作为启动图。

在HarmonyOS Next中，应用启动图是通过配置文件实现的。您需要在应用的config.json文件中配置launchScreen属性来设置启动图。具体步骤如下：

  1. 在resources/base/media目录下放置启动图文件（推荐使用.png格式）

  2. 在config.json的module对象中添加配置：

"abilities": [
  {
    "launchScreen": {
      "landscape": "$media:launch_landscape",
      "portrait": "$media:launch_portrait",
      "backgroundColor": "#FFFFFF"
    }
  }
]
  1. 支持的图片分辨率：
  • 横屏：1920×1080
  • 竖屏：1080×1920
  1. 启动图展示时间默认3秒，可通过代码控制提前结束。

注意：启动图资源文件需要随应用打包，不能动态修改。如需动态内容，建议在应用首个页面实现。

回到顶部