鴻蒙零散知識

狠认真的人發表於2024-07-19

1.自定義彈窗

1)使用@CustomDialog裝飾器宣告彈窗元件

@CustomDialog
struct CustomDialogExample {
    controller: CustomDialogController
    build() {
        Column() {
            Text('我是彈窗中的內容')
                .fontSize(20)
  }
 }
}

2)在頁面中宣告彈窗控制器,並利用其控制彈窗

@Entry
@Component
struct IndexPage {
    dialogController: CustomDialogController = new CustomDialogController({
        builder: CustomDialogExample({/* 此處可以傳入彈窗需要的引數*/})
    })
    build() {
        Column() {
            Button('開啟')
                .onClick(() => {
                    this.dialogController.open()
        })
  }
 }
}

相關文章