HarmonyOS @builder方法里设置了modify不进modify的回调

@Builder
aa() {
  Text(this.msg)
    .enabled(false)
    .attributeModifier(this.modify)
}

build(){
  DemoInput({
    customBuilder :()=>{
      this.aa()
    }
  })
}

/**
 *
 */
export class DemoModify implements AttributeModifier<TextAttribute> {
  applyDisabledAttribute(instance: TextAttribute): void {
    instance.fontColor('red')
  }
}

@Preview
@Component
export struct DemoInput {
  @BuilderParam customBuilder?: () => void

  build() {
    Column() {
      if (this.customBuilder) {
        this.customBuilder()
      }
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.

HarmonyOS

zxjiu

2024-12-24 17:29:49

1173浏览

回答 1

按赞同

按时间

shlp

如果是使用自定义组件注册的方式，可参考如下示例代码：

class YellowButtonModifier implements AttributeModifier<ButtonAttribute> {
  applyNormalAttribute(instance: ButtonAttribute): void {
    instance.backgroundColor(Color.Red)
  }
  applyDisabledAttribute(instance: ButtonAttribute): void {
    instance.backgroundColor(Color.Black)
  }
}


@Component
struct Comp {
  @Builder customBuilder() {}
  @BuilderParam customBuilderParam: () => void = this.customBuilder;
  @Link enable:boolean
  build() {
    Column() {
      this.customBuilderParam()
    }
  }
}


@Entry
@Component
struct Page {
  @State enable: boolean = false
  @Builder compButton() {
    Button('disable').enabled(this.enable).attributeModifier(new YellowButtonModifier())
  }
  build() {
    Column() {
      Text('页面中效果是正常的')
      Flex({ justifyContent: FlexAlign.SpaceAround }) {
        // 点击没有反应
        Button('disable').enabled(this.enable).attributeModifier(new YellowButtonModifier())
        Button('enable').enabled(this.enable).attributeModifier(new YellowButtonModifier())
      }
      .width('100%')
      .padding({ top: 5 })


      Text('组件中第一次设置无效，当改变enable时，展示的上一次的modifier'')
      Comp({customBuilderParam:this.compButton,enable:this.enable})

      Button('修改组件中按钮的enable' + this.enable).onClick(() => {
        this.enable = !this.enable
      })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.

2024-12-24 20:04:33

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS @builder方法里设置了modify不进modify的回调

订阅鸿蒙技术特刊，精选内容抢先看