【时间盒子】-【10.自定义弹窗】CustomDialogController

最新推荐文章于 2025-06-21 15:59:39 发布
原创 最新推荐文章于 2025-06-21 15:59:39 发布 · 855 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#鸿蒙 #DevEco Studio #HarmonyOS Next #华为

Tips:

CustomDialogController

通过此类显示自定义弹窗，便于自定义弹窗的样式和内容。请参考官方文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-custom-dialog-box-V5#customdialogcontroller

@BuilderParam

@BuilderParam装饰的方法只能被自定义构建函数（@Builder装饰的方法）初始化。请参考官方文档：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-builderparam-0000001820999553#ZH-CN_TOPIC_0000001811317314__初始化builderparam装饰的方法

或参考我的帖子：https://developer.huawei.com/consumer/cn/forum/topic/0202152665588699279?fid=0101587866109860105

@Extend、@Styles

参考我的帖子：https://developer.huawei.com/consumer/cn/forum/topic/0207152407906111609?fid=0101587866109860105

一、预览

  1. 红色框：整个弹窗就是我们自定义的弹窗，从上至下分别是标题、内容、按钮，且它们都可自定义。①弹窗窗体的标题可自定义；②弹窗底部的按钮文本、点击触发的事件也是可以自定义。

  2. 蓝色框：弹窗显示的具体内容。根据点击不同的设置项，弹窗的内容可能不一

最低0.47元/天 解锁文章
HCIA-HarmonyOS应用开发工程师 V2.0 模拟考试
牛肉胡辣汤
07-19 6371
/ xxx.ets @Entry @Component struct CounterExample { @State value: number = 0 build() { Column() { Counter() { Text(this.value.toString()) }.margin(100) .onInc(() => { this.value++ }) .onDec(() => { this.value-- }) }.width("100%") } }D. 多设备预览时，不支持双向预览功能。
HCIA-从0到1快速学习HarmonyOS应用开发能力
牛肉胡辣汤
07-19 3498
原子化服务是鸿蒙系统提供的一种全新的应用形态，无需显式安装，由程序框架后台静默安装后即可使用，可为用户提供便捷服务。正确(True)卡片常用于嵌入到其他应用（当前只支持系统应用）中作为其界面的一部分显示，并支持拉起页面，发送消息等基础的交互功能。正确(True)根据设备的内存差异，OpenHarmony适配的系统类型分为三类：轻量系统、小型系统、标准系统。正确(True)部件是指在部署视图中具有相对独立性，能完成一定功能的可独立交付，并且能独立部署的软件实体。错误(False)
OpenHarmony实战开发-如何实现自定义弹窗 (CustomDialog)
m0_70749039的博客
04-27 1638
CustomDialog是自定义弹窗，可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。
鸿蒙HarmonyOS实战-ArkUI组件（CustomDialog）_鸿蒙 自定义对话框(1)
2401_84853048的博客
05-09 836
使用@CustomDialog，开发人员可以自定义对话框的标题、消息、按钮、图标等属性，以及对话框的样式和布局。此外，它还支持自定义对话框的背景、动画和触发事件等属性，以满足不同场景的需求。build() {Column() {Text(‘我是内容’)@Entry@Component})build() {Column() {})
HarmonyOS应用开发-自定义弹窗
2302_80840424的博客
12-04 2894
自定义弹窗（CustomDialog）可用于广告、中奖、警告、软件更新等与用户交互响应操作，使用弹窗组件时，可优先考虑自定义弹窗，便于自定义弹窗的样式与内容。6、customStyle，boolean，否，弹窗容器样式是否自定义。7、gridCount，number，否，弹窗宽度占栅格宽度的个数。5、offset，Offset，否，弹窗相对alignment所在位置的偏移量。1、builder，CustomDialog，是，自定义弹窗内容构造器。下面参数分别是参数名，参数类型，是否必填，参数作用。
鸿蒙应用开发--CustomDialog 控制器（Controller) : 核心作用,实现方式,生命周期,数据双向绑定,异步操作处理
2401_88846919的博客
03-13 752
复杂弹窗，需要处理数据传递、异步操作、多状态。是一个关键设计模式，用于实现对自定义弹窗的。在鸿蒙（HarmonyOS）开发中，：简单弹窗，仅需控制显示/隐藏。
华为仓颉鸿蒙HarmonyOS NEXT仓颉原生CustomDialogController 自定义弹窗
BinShaosir的专栏
12-25 1195
通过CustomDialogController类显示自定义弹窗。使用弹窗组件时，可优先考虑自定义弹窗，便于自定义弹窗的样式与内容。显示自定义弹窗内容，允许多次使用，但如果弹框为SubWindow模式，则该弹框不允许再弹出SubWindow弹框。将CustomView绑定到自定义弹窗构建器, 用户无需主动调用，会在宏展开后隐式地调用。设置一个构建器，用户无需主动调用，会在宏展开后隐式地调用。关闭显示的自定义弹窗，若已关闭，则不生效。自定义弹窗的所有参数，不支持动态刷新。声明自定义弹窗相关设置的参数。
HarmonyOS 截图保存终极方案：componentSnapshot + ImageKit 深度解析
qq_55376032的博客
03-18 1429
本文通过 ArkTS 动态截图保存功能 的完整实现案例，详解鸿蒙应用中： 核心流程：组件快照生成 → 图片压缩 → 沙箱存储 → 相册写入； 关键技术栈：componentSnapshot、ImageKit、fileIo、photoAccessHelper； 交互设计：二维码生成、权限管理（SaveButton）、操作反馈（promptAction）。 提供可复用的代码模板与模块化封装思路，覆盖从界面布局到系统级文件操作的全链路实现。
详解 CustomDialogController 用法
最新发布
SophieBryant的博客
06-21 517
虽然华为有对应的开发文档和 CustomDialogController 的详细使用说明，但是我还是记录一下这个的使用方法build() {Column() {Button('确定')})
【HarmonyOS NEXT】使用CustomDialogController弹出对话框时，否能实现点击返回键时不会关闭对话框
Mayism123的博客
06-21 745
返回、侧滑关掉弹窗，这是系统控制的。界面上有弹窗时，进行返回操作会关闭弹窗，不会走onBackpress。希望的实现滑动和页面返回键时，退出应用，可以实现。实现方案就是在这个CustomDialogController创建的时候指定 cancel 属性的回调函数，该函数实现退出应用的效果。使用CustomDialogController弹出对话框时，如果点击物理返回键，会关闭对话框。如何实现点击返回键时不会关闭对话框？CustomDialogController / 对话框 / 返回键 / 不关闭。
「HarmonyOS」CustomDialogController自定义弹窗使用方法
danjiujiaohun的博客
02-06 3858
CustomDialogController自定义弹窗使用方法
【鸿蒙软件开发】自定义弹窗（CustomDialog）
m0_62599305的博客
10-25 7653
自定义弹窗（CustomDialog）可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。具体用法请参考自定义弹窗。使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。
鸿蒙 自定义弹窗对CustomDialogController二次封装
huangwenkui1990的专栏
03-07 2026
鸿蒙官方提供了自定义customdialog，调用代码很臃肿，必须在当前页面创建customDialogController，否则无法正常弹窗dialog。2. 作为全局弹窗组件封装 内容完全由外部dialogContent定义。3.1. 具体实现，这里是ConfirmPop（对话框弹窗）3.2. 具体实现，这里是LoadingPop（加载中弹窗）解决方案：目前就定义了两种类型的dialog。1. 用于代理dialog的打开和关闭。
鸿蒙5.0开发【鸿蒙自定义 Dialog 的 6 种方式】
2401_82772199的博客
08-05 2878
自定义弹窗的最常规方式就是通过 CustomDialogController 类去控制显示自定义的弹窗或者浮层。
鸿蒙OpenHarmony【自定义弹窗 (CustomDialog)】弹窗
hhhhhh2323的博客
11-21 2789
通过CustomDialogController类显示自定义弹窗。使用弹窗组件时，可优先考虑自定义弹窗，便于自定义弹窗的样式与内容。
OpenHarmony应用开发之自定义弹窗
OpenHarmony_dev的博客
09-06 1670
aboutToAppear函数的调用时机是创建自定义组件的新实例后，执行其build()函数之前，所以在首页组件的aboutToAppear加入CustomDialogController的打开开逻辑可使弹窗仅在应用打开的时候触发。以上是弹窗完整代码，需要注意的是，本例并未实现应用升级的具体逻辑，所以升级按钮的操作也是关闭弹窗。在应用的使用和开发中，弹窗是一个很常见的场景，自定义弹窗又因为极高的自由度得以广泛应用。这其中最重要的就是builder，我们需要自己实现一个构造器，也就是这个弹窗的页面。
harmonyOS鸿蒙-UI-自定义弹窗
zhujian82637的博客
07-02 2050
上面代码中dialogController就是弹窗控制器，即CustomDialogController对象，该对象构造方法接收一个对象参数，其中builder对应值就是自定义的弹窗组件，需要@CustomDialog标注，alignment定义弹窗的位置，此处弹窗展示在底部，offset是弹窗相对于当前位置的偏移量，此处相对于底部再向上偏移24，效果如下。1、使用@CustomDialog装饰器装饰自定义弹窗，此装饰器内进行自定义内容（也就是弹框内容）2、创建构造器，与装饰器关联。
自定义弹窗
flfljh的专栏
12-19 760
自定义弹窗是 HarmonyOS 提供的一种弹窗组件，可通过类来显示。
ArkTS-自定义弹窗
qq_41154522的博客
11-30 2708
鸿蒙开发-自定义弹窗
Doris-fly.github.io博客的Stylus技术探索
- 使用媒体查询、弹性盒子（Flexbox）、网格布局（Grid）等CSS技术可以实现响应式布局。 3. **网站优化** - 网站性能优化涉及减少HTTP请求、压缩资源文件、使用缓存策略等。 - 对于Doris-fly.github.io这样的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鸿花粉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值