鸿蒙4.0开发笔记之ArkTS语法基础之应用生命周期与页面中组件的生命周期(十六) |
您所在的位置:网站首页 › 野草的生命周期 › 鸿蒙4.0开发笔记之ArkTS语法基础之应用生命周期与页面中组件的生命周期(十六) |
文章目录
一、应用生命周期二、生命周期函数定义三、生命周期五函数练习
一、应用生命周期
1、定义 应用生命周期就是代表了一个HarmonyOS应用中所有页面从创建、开启到销毁等过程的全生命周期。查看路径如下: Project/entry/src/main/ets/entryability/EntryAbility.ts文件中。 (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') } }2、练习效果 要查看Console Log日志的的效果,需要点击DevEco Studio编辑器下方的Log: 然后再在DevEco Studio编辑器点击右侧的Previewr预览器(执行编译),就可以查看到打印到日志的文本: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |