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

Question

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

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

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设置为透明的空图片。目前规格就是这样，这些配置不可缺失，只可修改。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。