鸿蒙Next欢迎页面如何设置自动跳转首页

在鸿蒙Next系统中，欢迎页面默认会停留几秒才跳转到首页。如果想实现欢迎页自动快速跳转，应该如何设置？有没有具体的操作步骤或代码示例可以参考？

2 回复

鸿蒙Next欢迎页自动跳转？简单！在SplashAbility的onStart里加个延迟任务，比如用postTask设置3秒后跳转首页。代码示例：

getUITaskDispatcher().postTask(() -> {
    present(new MainAbilitySlice(), new Intent());
}, 2000); // 2秒后跳转

记得在config.json配置入口Ability为Splash哦～

更多关于鸿蒙Next欢迎页面如何设置自动跳转首页的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）中，可以通过Ability和页面路由机制实现欢迎页面自动跳转到首页。以下是实现步骤和示例代码：

实现步骤

  1. 创建欢迎页面：使用Ability或Page组件设计欢迎界面。
  2. 设置延时跳转：使用定时器（如setTimeout）延迟执行跳转操作。
  3. 路由到首页：调用router模块跳转到目标页面。

示例代码

假设欢迎页面为SplashAbility，首页为MainAbility：

// SplashAbility.ts
import UIAbility from '@ohos.app.ability.UIAbility';
import router from '@ohos.router';
import window from '@ohos.window';

export default class SplashAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    // 设置欢迎页面布局（示例为全屏显示）
    window.getLastWindow(this.context).then((win) => {
      win.setWindowLayoutFullScreen(true);
    });

    // 延时3秒后跳转到首页
    setTimeout(() => {
      router.replaceUrl({
        url: 'pages/MainAbility' // 首页路径
      });
    }, 3000);
  }
}

关键配置

  • 路由路径：在module.json5中确保MainAbility的路由路径正确：
    "pages": "$profile:main_pages"
    在resources/base/profile/main_pages.json中定义：
    {
  "src": [
    "pages/SplashAbility",
    "pages/MainAbility"
  ]
}

注意事项

  • 使用router.replaceUrl避免返回欢迎页。
  • 根据需求调整延时时间（示例为3000毫秒）。
  • 确保目标页面已在配置文件中注册。

通过以上步骤，应用启动后会显示欢迎页面，并在3秒后自动跳转到首页。

回到顶部