HarmonyOS Next应用开发——@build构建函数的使用

原创

已于 2024-10-17 16:27:56 修改 · 487 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#华为 #harmonyos #鸿蒙

于 2024-09-26 09:19:18 首次发布

【高心星出品】

@builder构建函数

ArkUI还提供了一种更轻量的UI元素复用机制@Builder，@Builder所装饰的函数遵循build()函数语法规则，开发者可以将重复使用的UI元素抽象成一个方法，在build方法里调用。

组件内构建函数

@Entry
@Component
struct Test1 {
   
   
  @State message: string = 'Hello World'
  // 构建组件内ui
  @Builder gentext(txt){
   
   
    Text(txt)
      .border({
   
   width:1,radius:5,color:Color.Red})
      .fontSize(22)
      .padding(5)
      .width('100%')
  }
  build() {
   
   
    Row() {
   
   
      Column() {