鸿蒙ArkUI实例：【自定义组件】

jf_46214456 2024-04-08 635

电子说

1.3w人已加入

组件是 OpenHarmony 页面最小显示单元，一个页面可由多个组件组合而成，也可只由一个组件组合而成，这些组件可以是ArkUI开发框架自带系统组件，比如 Text 、 Button 等，也可以是自定义组件，本节笔者简单介绍一下自定义组件的语法规范。

定义组件

自定义一个组件，首先要定义好名称，尽量做到见名知意，比如定义一个标题栏组件，笔者把它命名为 TitleBar ，为了让系统知道这是一个组件，需要使用 @Component 修饰符和 struct 关键字修饰，格式：【@Component struct + 组件名称】，如下所示：

@Component struct TitleBar {
  build() {
    // 省略
  }
}

@Entry @Component struct Index {
  build() {
    // 省略
  }
}

struct ：表示 TitleBar 是一个结构体，使用 struct 关键字必须实现 build() 方法，否则编译器报错：Require build function for struct 。
@Component ：表示 TitleBar 这个结构体具有组件化的能力，也就是说它可以成为一个独立的组件。
@Entry ：表示当前组件是页面的总入口，简单理解就是页面的根节点，一个页面有且仅有一个 @Entry 修饰符，只有被 @Entry 修饰的组件或者子组件才会在页面上显示。

审核编辑黄宇

打开APP阅读更多精彩内容