HarmonyOS 鸿蒙Next app启动如何自定义splash 替换原生的

发布于 1周前 作者 songsunli 来自 鸿蒙OS

HarmonyOS 鸿蒙Next app启动如何自定义splash 替换原生的

app启动如何自定义splash 替换原生的
2 回复

可以按照如下步骤:

  1. 创建一个空项目

  2. 新建 Splash.ets,用于显示启动图,2秒后跳转到首页

import router from '@ohos.router'

@Component
struct Splash {

  aboutToAppear() {
    setTimeout(() => {
      router.replaceUrl({ url: 'pages/Index'});
    }, 2000)
  }

  build() {
    Stack () {
      // 背景
      Image($r('app.media.bg_splash'))
        .width('100%')
        .height('100%')
        .objectFit(ImageFit.Cover)
        .hoverEffect(HoverEffect.None)
    }
  }
}
  1. EntryAbility.ets 中 windowStage.loadContent(‘pages/Index’ 修改为 windowStage.loadContent(‘pages/Splash’

主窗口默认会有颜色,所以设置startWindowBackground为透明是达不到效果的(主窗口创建页面的过程,目前没法透明);图片的话,可以尝试将starticon设置为透明的空图片。目前规格就是这样,这些配置不可缺失,只可修改。

更多关于HarmonyOS 鸿蒙Next app启动如何自定义splash 替换原生的的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS(鸿蒙)系统中,为Next app自定义splash(启动画面)以替换原生画面的方法,主要涉及到对应用启动流程的配置和资源的替换。以下是实现这一功能的基本步骤:

  1. 准备自定义Splash资源:首先,设计并准备好你想要的启动画面图片资源,确保它们符合鸿蒙系统对图片格式和分辨率的要求。

  2. 配置config.json:在应用的config.json文件中,找到或添加与启动画面相关的配置。你需要指定自定义splash图片的路径和名称。

  3. 修改或创建ability配置:在config.json中,针对你的应用入口ability(能力),设置启动画面配置。这通常包括指定是否显示原生splash以及自定义splash的显示时长等。

  4. 编译并运行应用:完成上述配置后,重新编译并运行你的应用。鸿蒙系统在启动时,将按照你的配置加载并显示自定义的splash画面。

请注意,具体的配置路径和参数可能会随着鸿蒙系统的版本更新而有所变化。因此,在实现过程中,建议参考最新的鸿蒙开发文档和API指南。

如果问题依旧没法解决请联系官网客服,官网地址是

回到顶部