HarmonyOS 鸿蒙Next启动的闪屏页怎么配置

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

HarmonyOS 鸿蒙Next启动的闪屏页怎么配置 iOS 上有 splashView 的概念,鸿蒙上有吗,就是启动的时候,有一个启动页。鸿蒙上我看只有一个启动图,我可以设置这个图的时间长一点吗?现在这个图的时间比较短,我们首页是 H5 的,会导致用户看到的是骨架图,我们想延长一点。不让用户看到骨架图。

2 回复

可以使用创建子窗口的方式实现您的需求,可参考以下demo思路:

//EntryAbility ,在EntryAbility 里加载根页面以及创建子窗口100%宽高
import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { display, window } from '@kit.ArkUI';
import { BusinessError } from '@kit.BasicServicesKit';
import { calendarManager } from '@kit.CalendarKit';
import common from '@ohos.app.ability.common';
import { JSON } from '@kit.ArkTS';

let windowStage_: window.WindowStage | null = null;
let sub_windowClass: window.Window | null = null;

export let calendarMgr: calendarManager.CalendarManager;
export let mContext: common.UIAbilityContext;

export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
  }

  onDestroy(): void {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
  }

  showSubWindow() {
    // 1.创建应用子窗口。
    if (windowStage_ == null) {
      console.error('Failed to create the subwindow. Cause: windowStage_ is null');
    } else {
      windowStage_.createSubWindow("mySubWindow", (err: BusinessError, data) => {
        let errCode: number = err.code;
        if (errCode) {
          console.error('Failed to create the subwindow. Cause: ' + JSON.stringify(err));
          return;
        }
        sub_windowClass = data;
        console.info('Succeeded in creating the subwindow. Data: ' + JSON.stringify(data));
        // 2.子窗口创建成功后,设置子窗口的位置、大小及相关属性等。
        let displayClass: display.Display = display.getDefaultDisplaySync(); //获取屏幕大小
        sub_windowClass.resize(displayClass.width, displayClass.height, (err: BusinessError) => {
          let errCode: number = err.code;
          if (errCode) {
            console.error('Failed to change the window size. Cause:' + JSON.stringify(err));
            return;
          }
          console.info('Succeeded in changing the window size.');
        });
        // 3.为子窗口加载对应的目标页面。
        sub_windowClass.setUIContent("components/media/Video", (err: BusinessError) => {
          let errCode: number = err.code;
          if (errCode) {
            console.error('Failed to load the content. Cause:' + JSON.stringify(err));
            return;
          }
          console.info('Succeeded in loading the content.');
          // 3.显示子窗口。
          (sub_windowClass as window.Window).showWindow((err: BusinessError) => {
            let errCode: number = err.code;
            if (errCode) {
              console.error('Failed to show the window. Cause: ' + JSON.stringify(err));
              return;
            }
            console.info('Succeeded in showing the window.');
          });
        });
      })
    }
  }

  destroySubWindow() {
    // 4.销毁子窗口。当不再需要子窗口时,可根据具体实现逻辑,使用destroy对其进行销毁。
    (sub_windowClass as window.Window).destroyWindow((err: BusinessError) => {
      let errCode: number = err.code;
      if (errCode) {
        console.error('Failed to destroy the window. Cause: ' + JSON.stringify(err));
        return;
      }
      console.info('Succeeded in destroying the window.');
    });
  }

  onWindowStageCreate(windowStage: window.WindowStage): void {
    // Main window is created, set main page for this ability
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
    windowStage.loadContent('pages/Index', (err, data) => {
      if (err.code) {
        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
        return;
      }
      AppStorage.setOrCreate('windowStage',windowStage)
      windowStage_ = windowStage
      this.showSubWindow();
    });
  }

  onWindowStageDestroy(): void {
    // Main window is destroyed, release UI related resources
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
  }

  onForeground(): void {
    // Ability has brought to foreground
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
  }

  onBackground(): void {
    // Ability has back to background
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
  }
}

在子窗口文件中使用计时函数,到时间后使用window.findWindow(“mySubWindow”).destroyWindow()销毁子窗口显示首页

更多关于HarmonyOS 鸿蒙Next启动的闪屏页怎么配置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS(鸿蒙)系统中,配置Next启动的闪屏页(Splash Screen)通常涉及修改应用的配置文件和可能的一些资源文件。以下是简要步骤:

  1. 配置文件修改:

    • 打开你的项目中的config.json文件。
    • moduleapp的配置部分,查找或添加与启动画面相关的配置项。
    • 对于鸿蒙系统,通常会有一个launchWindow或类似的配置区域,你可以在这里指定启动画面的资源文件路径。
  2. 资源文件准备:

    • 确保你有一个符合鸿蒙系统要求的图片文件作为闪屏页。
    • 图片文件通常放在resourcesassets目录下,具体路径需与config.json中的配置一致。
  3. 编译与运行:

    • 保存所有修改后的文件。
    • 重新编译你的项目。
    • 运行应用,查看启动时是否显示了配置的闪屏页。

请注意,具体的配置项和文件路径可能会随着鸿蒙系统的版本更新而有所变化。如果上述步骤未能正确配置闪屏页,可能是由于版本差异或配置错误导致。

如果问题依旧没法解决请联系官网客服, 官网地址是 https://www.itying.com/category-93-b0.html

回到顶部