HarmonyOS 应用开发之wrapBuilder：封装全局@Builder(1)

最新推荐文章于 2024-08-08 08:49:43 发布

2401_83947194

最新推荐文章于 2024-08-08 08:49:43 发布

阅读量659

点赞数 26

分类专栏： 2024年程序员学习文章标签： harmonyos 华为

本文链接：https://blog.csdn.net/2401_83947194/article/details/137567253

版权

2024年程序员学习专栏收录该内容

265 篇文章 0 订阅

订阅专栏

struct Index {
@State message: string = ‘Hello World’;

build() {
Row() {
Column() {
globalBuilder.builder(this.message, 50)
}
.width(‘100%’)
}
.height(‘100%’)
}
}

使用场景2

自定义组件Index使用ForEach来进行不同@Builder函数的渲染，可以使用builderArr声明的wrapBuilder数组进行不同@Builder函数效果体现。整体代码会较整洁。

@Builder
function MyBuilder(value: string, size: number) {
Text(value)
.fontSize(size)
}

@Builder
function YourBuilder(value: string, size: number) {
Text(value)
.fontSize(size)
.fontColor(Color.Pink)
}

const builderArr: WrappedBuilder<[string, number]>[] = [wrapBuilder(MyBuilder), wrapBuilder(YourBuilder)];

@Entry
@Component
struct Index {
@Builder testBuilder() {
ForEach(builderArr, (item: WrappedBuilder<[string, number]>) => {
item.builder(‘Hello World’, 30)
}

)
}

build() {
Row() {
Column() {
this.testBuilder()
}
.width(‘100%’)
}
.height(‘100%’)
}
}

错误场景

function MyBuilder() {

}

// wrapBuilder必须传入被@Builder修饰的全局函数。
const globalBuilder: WrappedBuilder<[string, number]> = wrapBuilder(MyBuilder);

@Entry
@Component
struct Index {
@State message: string = ‘Hello World’;

build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
globalBuilder.builder(this.message, 30)
}
.width(‘100%’)
}
.height(‘100%’)
}
}

为了能让大家更好的学习鸿蒙（HarmonyOS NEXT）开发技术，这边特意整理了《鸿蒙开发学习手册》（共计890页），希望对大家有所帮助：https://qr21.cn/FV7h05