harmony 鸿蒙PageAbility切换

  • 2022-12-13
  • 浏览 (739)

PageAbility切换

FA模型中PageAbility对应Stage模型中的UIAbility,PageAbility切换为UIAbility的方法如下。

  1. 在Stage应用中创建UIAbility

  2. 将FA应用中PageAbility的代码迁移到新创建的UIAbility中。 FA应用中PageAbility和Stage应用中的UIAbility生命周期基本一致,两者的生命周期详细对比见下表。

|FA的PageAbility|Stage的UIAbility|对应关系描述| |——–|——–|——–| |onCreate(): void|onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void|两者的意义和调用时机一致,Stage模型在回调中新增了参数,方便开发者在创建的时候获取启动相关的数据。| |NA|onWindowStageCreate(windowStage: window.WindowStage): void|Stage模型新增,窗口创建时由系统回调。| |onActive(): void|on(eventType: ‘windowStageEvent’, callback: Callback<WindowStageEventType>): void;
WindowStageEventType.ACTIVE|两者的意义和调用时机一致。Stage模型下移动到了窗口对象中。| |onShow(): void|onForeground(): void|两者的意义和调用时机一致,参数也一致。| |onNewWant(want: Want): void|onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void|两者的意义和调用时机一致,Stage模型多了LaunchParam参数来告知应用启动原因。| |onInactive(): void|on(eventType: ‘windowStageEvent’, callback: Callback<WindowStageEventType>): void;
WindowStageEventType.INACTIVE|两者的意义和调用时机一致。Stage模型下移动到了窗口对象中。| |onHide(): void|onBackground(): void|两者的意义和调用时机一致,参数也一致。| |NA|onWindowStageDestroy(): void|Stage模型新增,窗口销毁时由系统回调。| |onDestroy(): void|onDestroy(): void|两者的意义和调用时机一致,参数也一致。|

pageability-switch

  1. 对迁移过来的代码进行调整,主要有以下两部分。 1、指定加载页面的方式不同。

    • 在FA模型中,通过在config.json中设置页面信息来配置需要加载的页面。
    • 在Stage模型中,则是通过在onWindowStageCreate回调中调用windowStage.loadContent实现对页面的加载。

例如,开发者希望Ability启动后加载”pages/Index”页面,在FA模型中,开发者需要在config.json中加入如下代码:

   "pages" : [
       "pages/Index"
   ]

在Stage模型中,则在MainAbility中实现如下接口:

    import Window from '@ohos.window'

    export default class EntryAbility extends UIAbility {
      onWindowStageCreate(windowStage: Window.WindowStage) {
        // Main window is created, set main page for this ability
        windowStage.loadContent('pages/Index', (err, data) => {
          if (err.code) {
            console.error("loadContent failed")
            return;
          }
        });
      }
    }

2、在resources/base/profile/main_pages.json中配置页面,以”pages/Index”为例:

  {
    "src": [
      "pages/Index"
    ]
  }

你可能感兴趣的鸿蒙文章

harmony 鸿蒙应用模型

harmony 鸿蒙使用显式Want启动应用组件

harmony 鸿蒙使用隐式Want打开网址

harmony 鸿蒙AbilityStage组件容器

harmony 鸿蒙访问DataAbility

harmony 鸿蒙FA模型访问Stage模型DataShareExtensionAbility

harmony 鸿蒙AccessibilityExtensionAbility

harmony 鸿蒙常见action与entities

harmony 鸿蒙API切换概述

harmony 鸿蒙app和deviceConfig的切换

0  赞