@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() // 装饰器组件
}
}
}