HarmonyOS app启动如何自定义splash 替换原生的？

Question

如题：HarmonyOS app启动如何自定义splash 替换原生的？

Answer 1

可以按照如下步骤：

1、创建一个空项目

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

import router from '@ohos.router'

@Entry
@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)
    }
  }
}

3、EntryAbility.ets 中 windowStage.loadContent(‘pages/Index’ 修改为 windowStage.loadContent(‘pages/Splash’

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