HarmonyOS 如何自定义Dialog,类似于系统提供的AlertDialog,可以全局使用

HarmonyOS 如何自定义Dialog,类似于系统提供的AlertDialog,可以全局使用

HarmonyOS
2024-08-03 13:35:04
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
rhlee

自定义弹窗,系统提供了统一的处理方式

1 创建装饰器使用@CustomDialog装饰器装饰自定义弹窗(自定义弹窗内容)。

@CustomDialog 
struct CustomDialogExample { 
  controller: CustomDialogController = new CustomDialogController({ 
    builder: CustomDialogExample({}), 
  }) 
  build() { 
    Column() { 
      Text('我是内容') 
        .fontSize(20) 
        .margin({ top: 10, bottom: 10 }) 
    } 
  } 
}

2 创建构造器,与装饰器呼应相连。(注意CustomDialogController必须在@Component struct内部定义时赋值才有效)。

@Entry 
@Component 
struct CustomDialogUser { 
  dialogController: CustomDialogController = new CustomDialogController({ 
    builder: CustomDialogExample(), 
  }) 
}

3 弹窗的打开和关闭。

this.dialogController.open() //打开  
this.dialogController.close() //关闭

参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-custom-dialog-box-V5

分享
微博
QQ
微信
回复
2024-08-04 13:47:36
相关问题
如何全局实现一个自定义dialog弹窗
2673浏览 • 1回复 待解决
鸿蒙-如何实现类似于HOME键功能
10671浏览 • 2回复 待解决
HarmonyOS 用CustomDialog自定义Dialog
128浏览 • 1回复 待解决
HarmonyOS 自定义dialog open无效
122浏览 • 1回复 待解决
HarmonyOS 自定义Dialog显示问题
307浏览 • 1回复 待解决
HarmonyOS 全局自定义弹窗demo
167浏览 • 1回复 待解决
如何封装全局自定义弹窗?
161浏览 • 1回复 待解决
鸿蒙怎么实现自定义布局Dialog
9056浏览 • 2回复 已解决