仓颉应用开发之——组件生命周期(13)

发表于 2024-09-13 分类于开发， D-移动开发， HarmonyOS 阅读时长 ≈ 1 分钟

一概述

自定义组件生命周期
生命周期函数
示例代码

二自定义组件生命周期

组件的生命周期包括：创建、展示、隐藏、销毁的过程
组件的生命周期用于展示组件处于哪个阶段
在创建和展示阶段，可改变状态变量(赋值)
在销毁阶段，解除资源占用等

三生命周期函数

No	生命周期函数	说明
1	aboutToAppear()	自定义组件创建后，build()函数之前在aboutToAppear函数中改变状态变量
2	aboutToDisappear()	自定义组件析构销毁之前执行不允许在aboutToDisappear函数中改变状态变量
3	onPageShow()	页面每次显示时触发一次，路由过程、应用进入前台等场景仅@Entry装饰的自定义组件生效
4	onPageHide()	页面每次隐藏时触发一次，路由过程、应用进入后台等场景仅@Entry装饰的自定义组件生效
5	onBackPress()	当用户点击返回按钮时触发，仅@Entry装饰的自定义组件生效 true=>自己处理返回逻辑；返回false=>默认的路由返回逻辑

四示例代码

4.1 代码

package ohos_app_cangjie_entry

import ohos.base.*
import ohos.component.*
import ohos.state_manage.*
import ohos.state_macro_manage.*
import ohos_app_cangjie_entry.pages.*
import ohos_app_cangjie_entry.bean.*
import ohos.router.*
import std.collection.*
import encoding.json.*
import log.*

@Entry
@Component
class MyView {
    @State var textColor: Color = Color.BLACK;
    protected override func aboutToAppear() {
        this.textColor = Color.BLUE;
        AppLog.info("aboutToAppear")
    }
    protected override func onPageShow() {
         this.textColor = Color.RED;
         AppLog.info("onPageShow")
    }
    protected override func onPageHide() {
          this.textColor = Color.GREEN;
          AppLog.info("onPageHide")
    }
   protected override func aboutToDisappear() {
        AppLog.info("aboutToDisappear")
    }
    protected override func onBackPress() {
        AppLog.info("onBackPress")
        return false
    }

    func build() {
        Column() {
          Text("Hello World")
            .fontColor(this.textColor)
            .fontSize(30)
            .margin(30)
        }.width(100.percent)
    }
}

4.2 效果图

五参考

HarmonyOS NEXT 仓颉-自定义组件的生命周期

0%