#HarmonyOS:@Builder装饰器:自定义构造函数

@Builder

@Builder装饰器:自定义构造函数

全局自定义构造函数
@Builder function MyGlobalBuilderFunction(){ ... }

使用方法

MyGlobalBuilderFunction()
  • 全局的自定义构建函数可以被整个应用获取,不允许使用this和bind方法。
  • 如果不涉及组件状态变化,建议使用全局的自定义构建方法。
页面内部使用
@Component
export default struct TargetInformation {
  @Builder
  FirstTotal() {
    Row() {
      Image($r("app.media.icon"))
        .opacityImageStyle() // 扩展Image组件样式
      Column() {
        Text('第一季度运营目标')
          .opacityTextStyle(24, '#ffdd3355')
        Text('实现')
          .opacityTextStyle(16, '#999') // 扩展Text组件样式
      }
      .alignItems(HorizontalAlign.Start)
      .margin({ left: '20fp'})
    }
  }
  build() {
    Column(){
      this.FirstTotal() // 装饰器组件
    }

  }
}

你可能感兴趣的:(HarmonyOS,harmonyos,华为,前端)