鸿蒙面试题 -生命周期的执行顺序

在开始之前,我们先明确自定义组件和页面的关系:

  • 自定义组件:@Component装饰的UI单元,可以组合多个系统组件实现UI的复用,可以调用组件的生命周期。

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

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

  • onPageShow:页面每次显示时触发一次,包括路由过程、应用进入前台等场景。

  • onPageHide:页面每次隐藏时触发一次,包括路由过程、应用进入后台等场景。

  • onBackPress:当用户点击返回按钮时触发。

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

  • aboutToAppear:组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行。

  • onDidBuild:组件build()函数执行完成之后回调该接口,不建议在onDidBuild函数中更改状态变量、使用animateTo等功能,这可能会导致不稳定的UI表现。

  • aboutToDisappear:aboutToDisappear函数在自定义组件析构销毁之前执行。不允许在aboutToDisappear函数中改变状态变量,特别是@Link变量的修改可能会导致应用程序行为不稳定。

  • @Entry装饰的组件(页面)生命周期流程图

应用级生命周期

应用级生命周期主要包括以下几个阶段:

  1. ‌onCreate‌:应用创建时调用。
  2. ‌onDestroy‌:应用销毁时调用。
  3. ‌onWindowStageCreate ‌:WindowStage创建时调用。
  4. ‌onWindowStageDestroy‌:WindowStage销毁时调用。
  5. ‌onForeground‌:应用进入前台时调用。
  6. ‌onBackground‌:应用进入后台时调用‌1。

页面级生命周期

页面级生命周期主要包括以下几个阶段:

  1. ‌aboutToAppear‌:页面创建时调用。
  2. ‌aboutToDisappear‌:页面销毁时调用。
  3. ‌onPageShow‌:页面准备展示时调用。
  4. ‌onPageHide‌:页面完全隐藏时调用。
  5. ‌onBackPress‌:用户返回操作时调用‌1。

组件生命周期

组件的生命周期包括以下几个状态:

  1. ‌Create‌:组件创建时调用。
  2. ‌Foreground‌:组件进入前台时调用。
  3. ‌Background‌:组件进入后台时调用。
  4. ‌Destroy‌:组件销毁时调用‌2。

具体执行顺序示例

以一个简单的页面切换为例,生命周期的执行顺序如下:

  1. ‌**aboutToAppear()**‌:页面创建时调用。
  2. ‌**onWillAppear()**‌:页面即将出现时调用。
  3. ‌**onAppear()**‌:页面出现时调用。
  4. ‌**onWillHide()**‌:页面即将隐藏时调用。
  5. ‌**onHide()**‌:页面隐藏时调用。
  6. ‌**onWillDisAppear()**‌:页面即将消失时调用。
  7. ‌**onDisAppear()**‌:页面消失时调用‌。
相关推荐
文丑颜不良啊8 分钟前
LeetCode2761~2780题目解析
java·leetcode
IT枫斗者枫哥37 分钟前
子线程断言失败,JUnit 为什么还显示通过?
java·后端
码农小河662 小时前
基于PHP的电商后台蜜罐系统
开发语言·php
starzy19902 小时前
深入理解Scala柯里化函数:函数链式变换
开发语言·scala
ShineWinsu3 小时前
对于Qt:QTreeWidget常见属性以及QTreeWidgetItem类的解析
开发语言·c++·qt·gui·客户端·多叉树·qtreewidget
落羽的落羽3 小时前
【C++】C++17的主要特性
linux·服务器·开发语言·c++·算法·机器学习
考虑考虑3 小时前
JDK27中的Set.ofLazy
java·后端·java ee
文丑颜不良啊3 小时前
LeetCode2841~2860题目解析
java·leetcode
小南家的青蛙3 小时前
Tomcat与Jetty深度对比
java·tomcat·jetty
总要学点什么3 小时前
第108篇:三维特效-图片轨迹线效果——把贴图滚成一串箭头,想用它的本色反而整条消失
开发语言·javascript·ecmascript·gis·webgl·材质·cesium