HarmonyOS NEXT开发 ArkTS自定义组件

摘要

在HarmonyOS中，ArkTS提供了创建自定义组件的能力，允许开发者封装和复用UI代码。以下是关于自定义组件的详细介绍，包括创建自定义组件、页面和自定义组件的生命周期、自定义组件的自定义布局、冻结功能，以及代码案例分析。

创建自定义组件

自定义组件是基于struct实现的，使用@Component装饰器来标识。每个自定义组件都必须实现build()方法，用于描述组件的UI结构。

@Component
struct HelloComponent {
  @State message: string = 'Hello, World!';
  build() {
    Row() {
      Text(this.message)
        .onClick(() => {
          this.message = 'Hello, ArkUI!';
        })
    }
  }
}

在其他文件中使用该自定义组件时，需要使用export关键字导出，并在页面中使用import导入该组件。

页面和自定义组件生命周期

页面生命周期仅限于被@Entry装饰的组件，而自定义组件的生命周期仅限于被@Component装饰的组件。

1. onPageShow：页面每次显示时触发。
2. onPageHide：页面每次隐藏时触发。
3. onBackPress：当用户点击返回按钮时触发。
4. aboutToAppear：组件即将出现时触发。
5. aboutToDisappear：组件即将销毁时触发 。

自定义组件的自定义布局

如果需要通过测算