鸿蒙自定义对话框方法绑定

昵称都有了

已于 2024-01-08 15:21:06 修改

阅读量628

点赞数 14

文章标签： harmonyos 华为

于 2023-12-22 11:29:42 首次发布

本文链接：https://blog.csdn.net/u012655702/article/details/135149159

版权

文章讲述了在鸿蒙开发中确认函数的不同绑定方式，确认1方法不支持调用当前类的属性或方法，而箭头函数可以。还介绍了如何在Component和CustomDialog中正确使用Controller以及示例代码。

摘要由CSDN通过智能技术生成

鸿蒙开发方法绑定注意事项，避免新手入坑
注意 Parent 结构体里面这两行代码

confirm1: this.onAccept,
confirm: (message:string,id:string): void => this.onAccept(message,id)

这两行代码实际意义不同

confirm1 这种方法绑定，是不能实现调用当前类的方法或者属性

confirm 使用箭头函数这种方式可以调用当前结构的属性或者方法,使用这种是正常情况

confirm: (message:string,id:string): void => this.onAccept(message,id)，注意onAccept里面参数必须填写

@Component
export struct ListDemo{
  @Link arrtargetData : Array<TaskItemBean>;
  build(){
    Column(){
      ForEach(this.arrtargetData,
        (item: TaskItemBean) => {
          Button(`${item.taskName}`)
            .margin(12)
            .width(312)
            .height(40)
            .backgroundColor('#11a2a2a2')
            .fontColor('#e6000000')
        },
        (item: TaskItemBean) => item.taskName.toString()
      )
    }
  }
}
// xxx.ets
@CustomDialog
export struct CustomDialogDemo1 {
  @Link arrtargetData : Array<TaskItemBean>;
  @State valueText:string=''
  @State valueIDText:string=''
  controller: CustomDialogController
  // 若尝试在CustomDialog中传入多个其他的Controller，以实现在CustomDialog中打开另一个或另一些CustomDialog，那么此处需要将指向自己的controller放在最后
  cancel: () => void
  confirm: (message:string,id:string) => void

  build() {
    Column() {
      Text('input task Name').fontSize(20).margin({ top: 10, bottom: 10 })
      TextInput().fontSize(20).margin({ top: 10, bottom: 10 }).onChange((value:string)=>{
        this.valueText=value
      })
      Text('input task ID').fontSize(20).margin({ top: 10, bottom: 10 })
      TextInput().fontSize(20).margin({ top: 10, bottom: 10 }).onChange((value:string)=>{
        this.valueIDText=(value)
      })

      Flex({ justifyContent: FlexAlign.SpaceAround }) {
        Button('cancel')
          .onClick(() => {
            this.controller.close()
            this.cancel()
          }).backgroundColor(0xffffff).fontColor(Color.Black)
        Button('confirm')
          .onClick(() => {
            this.confirm(this.valueText,this.valueIDText)
            this.controller.close()
          }).backgroundColor(0xffffff).fontColor(Color.Red)
      }.margin({ bottom: 10 })
    }
    // dialog默认的borderRadius为24vp，如果需要使用border属性，请和borderRadius属性一起使用。
  }
}

@Entry
@Component
struct Parent {
  @State arrtargetData : Array<TaskItemBean>=[new TaskItemBean('a', 1, 'a'),new TaskItemBean('b', 2, 'b')];
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogDemo1({
      cancel: this.onCancel,
//      confirm1: this.onAccept,
      confirm: (message:string,id:string): void => this.onAccept(message,id),
      arrtargetData:$arrtargetData
    }),
    cancel: this.existApp,
    autoCancel: true,
    alignment: DialogAlignment.Bottom,
    offset: { dx: 0, dy: -20 },
    gridCount: 4,
    customStyle: false
  })
  existApp():void{

  }

  onAccept(message:string,id:string):void{
    this.arrtargetData.push(new TaskItemBean(message, Number(id), message))
  }

  onCancel():void{

  }
  build() {
    Column() {
     Button(`创建子任务`)
        .margin(12)
        .width(312)
        .height(40)
        .fontColor('#FFFFFF，90%')
        .onClick(() => {
          this.dialogController.open()
        })


      ListDemo({arrtargetData:$arrtargetData})


    }
  }
}