鸿蒙5:HarmonyOS应用开发-生命周期相关

38 阅读3分钟

1. 生命周期相关

1.1 面生命周期、组件生命周期

生命周期-官网链接

  • 自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用。
  • 页面:即应用的UI页面。可以由一个或者多个自定义组件组成,@Entry装饰的自定义组件为页面的入口组件,即页面的根节点,一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。

带@Entry修饰符的组件

页面生命周期,即被@Entry装饰的组件生命周期,提供以下生命周期接口:

自定义组件生命周期

组件生命周期,即一般用@Component装饰的自定义组件的生命周期,提供以下生命周期接口:

  • aboutToAppear:组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行。
  • aboutToDisappear:在自定义组件即将析构销毁时执行。
  • onDidBuild(API12新增):onDidBuild函数在执行自定义组件的build()函数之后执行。不建议在onDidBuild函数中更改状态变量、使用animateTo等功能,这可能会导致不稳定的UI表现。

因为@Entry 也是@Component组件,所以页面组件同时拥有自定义组件的生命周期

编辑

测试一下:

aboutToAppear() {
  console.log("页面初始化")
}
onPageShow() {
  console.log("页面显示")
}
onPageHide() {
  console.log("页面隐藏")
}
aboutToDisappear() {
  // 清理定时器
  console.log("页面销毁")
}
onBackPress() {
  console.log("后退键")
}

aboutToAppear:数据加载

onPageShow:也可以数据加载(具有时效性的业务)

aboutToDisAppear:清理定时任务 。清理监听-线程监听-进程监听

编辑

  • 带@Entry的页面组件 拥有页面进入,页面销毁,页面显示,页面隐藏, 页面返回的生命周期
  • @Component自定义组件 拥有 组件进入、组件销毁生命周期
  • 在返回页面中,可以进行处理控制是否返回

在onBackPress中

return true 表示阻止返回

return false 表示允许返回

  • 在返回时控制返回
 onBackPress() {
    promptAction.showDialog({
      message: '确定要退出吗',
      buttons: [{
        text: '取消',
        color: "black"
      },{
        text: '确定',
        color: "black"
      }],
    })
    .then((result) => {
      if(result.index === 1) {
        router.back()
      }

    })
    return true
  }

先手动让页面不返回,然后再确定是否要返回,如果确定要返回,就用router.back来实现

1.2 UIAbility-生命周期

UIAbility-生命周期

UIAbility的生命周期包括Create、Foreground、Background、Destroy四个状态,如下图所示。

编辑

  • onCreate

Ability创建时回调,执行初始化业务逻辑操作。

  • onDestory

Ability生命周期回调,在销毁时回调,执行资源清理等操作。

  • onWindowStageCreate

当WindowStage创建后调用。

  • onWindowStageDestory

当WindowStage销毁后调用。

  • onForeground

Ability生命周期回调,当应用从后台转到前台时触发。

  • onBackground

Ability生命周期回调,当应用从前台转到后台时触发

UIAbility相当于我们应用中的一个任务,我们可以把自己的app想象成一个UIAbility,但是当项目越来越大,

需要扩展和分担业务的时候,可以采取多个

如何一道面试题拿下面试官:UIAbility生命周期有哪些?

这16个能说多少算多少

 HarmonyOS赋能资源丰富度建设(第四期)-吴东林

developer.huawei.com/consumer/cn…