【HarmonyOS NEXT】如何配置App启动图

最新推荐文章于 2024-10-14 11:14:32 发布

Mayism123

最新推荐文章于 2024-10-14 11:14:32 发布

阅读量934

点赞数 5

文章标签： harmonyos

本文链接：https://blog.csdn.net/Mayism123/article/details/140285821

版权

【关键字】

启动图 / icon / 自定义

【问题描述】

App启动时默认显示的是白底中间icon的画面，是否有办法配置启动图？

【解决方案】

可以按照如下步骤实现：

创建一个空项目。

新建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)
}
}
}

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

说明：主窗口默认会有颜色，所以设置startWindowBackground为透明是达不到效果的。图片的话，可以尝试将starticon设置为透明的空图片。目前规格就是这样，这些配置不可缺失，只可修改。