当前位置：首页 > article >正文

鸿蒙4.0开发笔记之ArkTS语法基础之应用生命周期与页面中组件的生命周期（十六）

article 2024/11/15 22:27:04

文章目录

- 一、应用生命周期
- 二、生命周期函数定义
- 三、生命周期五函数练习

一、应用生命周期

1、定义
应用生命周期就是代表了一个HarmonyOS应用中所有页面从创建、开启到销毁等过程的全生命周期。查看路径如下：
Project/entry/src/main/ets/entryability/EntryAbility.ts文件中。

2、应用生命周期函数介绍
（1）状态函数：onCreate(want, launchParam) {...}

如用户打开电池管理应用，在应用加载的过程中，在UI界面出现之前，可以在onCreate回调中读取；
在Create状态，在UIAbility实例创建时触发，系统会调用onCreate回调。

（2）UI加载函数：onWindowStageCreate(...){...}

onWindowStageCreate(windowStage: window.WindowStage) {
windowStage.loadContent('pages/Index', (err, data) => {
});
}

在onWindowStageCreate(windowStage)中通过loadContent接口设置应用要加载的页面。

（3）onBackground回调函数：onBackground(...) {...}

在UIAbility的UI页面完全不可见之后，即UIAbility切换⾄后台时候触发；
当地图应用切换到后台状态，可以在onBackground回调中停止定位功能，以节省系统的资源消耗；
可以在onBackground回调中释放UI页面不可见时无用的资源，或者在此回调中执行较为耗时的操作。

（4）onForeground回调函数：onForeground(...) {...}

在UIAbility的UI页面可见之前，即UIAbility切换至前台时触发；
可以在onForeground回调中申请系统需要的资源，或者重新申请在onBackground中释放的资源。

（5）销毁函数：

onWindowStageDestroy(...) {...}
onDestroy(...) {...}

onWindowStageDestroy在UIAbility实例销毁之前，则会先进入onWindowStageDestroy回调，我们可以在该回调中释放；
onDestroy在UIAbility销毁时触发，可以在onDestroy回调中进行系统资源的释放、数据的保存等操作。

二、生命周期函数定义

1、页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口：

• onPageShow：页面每次显示时触发。

• onPageHide：页面每次隐藏时触发⼀次。

• onBackPress：当用户点击返回按钮时触发。（是手机下方的返回按钮，不是页面的路由返回或者按钮返回）

2、组件生命周，即⼀般用@Component装饰的自定义组件的生命周期，提供以下生命周期接口：

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

• aboutToDisappear：在自定义组件即将析构销毁时执行。

3、生命周期关系图

三、生命周期五函数练习

1、练习代码

@Entry
@Component
struct LifeCircle {
  @State message: string = 'Hello World'
  @State isAppear:boolean = true

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Divider()
        Button('显示/隐藏子组件')
          .backgroundColor(Color.Orange)
          .onClick(()=>{
            this.isAppear = !this.isAppear
          })
        if(this.isAppear){
          LifeCircle_son()
        }

      }
      .width('100%')
    }
    .height('100%')
  }

  //页面显示
  onPageShow(){
    //打印出页面显示的提醒
    console.log('This Page is onPageShow')
  }
  //页面隐藏
  onPageHide(){
    //打印出页面隐藏的提醒
    console.log('This Page is onPageHide')
  }
  //页面返回：手机按钮上的返回
  onBackPress(){
    //打印出页面返回的提醒
    console.log('This Page is onBackPress')
  }

  //aboutToAppear和aboutToDisappear也可以放在入口组件中，后者表示程序被sha死时调用的函数
  //组件即将出现时回调该接⼝
  aboutToAppear(){
    console.log('This Page is 入口aboutToAppear')
  }
  //组件析构销毁时触发的函数
  aboutToDisappear(){
    console.log('This Page is 入口aboutToDisappear')
  }
}

//子组件的内容
@Component
struct LifeCircle_son{
  build(){
    Column(){
      Text('显示子组件的内容').fontSize(40).fontStyle(FontStyle.Italic)
    }
  }

  //组件即将出现时回调该接⼝
  aboutToAppear(){
    console.log('This Page is 子组件aboutToAppear')
  }

  //组件析构销毁时触发的函数
  aboutToDisappear(){
    console.log('This Page is 子组件aboutToDisappear')
  }
}