【鸿蒙实战开发】自定义弹窗(Custom Dialog)的定义与使用

最新推荐文章于 2024-11-28 21:13:56 发布
原创 最新推荐文章于 2024-11-28 21:13:56 发布 · 573 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为 #android #鸿蒙 #前端

效果图

在这里插入图片描述在这里插入图片描述

1.为什么使用自定义组件

当我们发起网络请求后要在UI上反应当前的请求情况，需要动态的向用户展示当前的网络状况，加强用户与UI之间的交互，我们在请求网络或者广告、中奖、警告、软件更新时可以使用自定义弹窗组件，自定义的样式风格自由可以满足更多的用户需求。
在这里插入图片描述

2.新建一个ets文件用于放置自定义的弹窗具体内容

使用@CustomDialog装饰器装饰自定义弹窗，这个修饰器内自定义的内容也就是自定义的弹窗内容

必须在自定义里面的内容里加入控制器controller: CustomDialogController

静态效果：

在这里插入图片描述

加上修饰器@Preview可以预览样式设置效果

在这里插入图片描述

自定义弹窗内容代码：

文件路径：entry/src/main/et

最低0.47元/天 解锁文章
3.7、自定义弹窗（CustomDialog）
lujianfeiccie2009的专栏
04-17 576
使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。build() {Column() {Text('我是内容')3.创建构造器，与装饰器呼应相连。})4.点击与onClick事件绑定的组件使弹窗弹出})
HarmonyOS ArkUI实战开发—自定义弹窗
m0_71524094的博客
04-26 1527
自定义弹窗的使用更加灵活，适用于更多的业务场景，在自定义弹窗中您可以自定义弹窗内容，构建更加丰富的弹窗界面。自定义弹窗的界面可以通过装饰器@CustomDialog 定义的组件来实现，然后结合 CustomDialogController 来控制自定义弹窗的显示和隐藏。// 双向绑定传值// 弹窗控制器，控制打开/关闭，必须传入，且名称必须为：controller// 弹窗中的按钮事件// 弹窗中的内容描述build() {Column() {
鸿蒙应用开发-自定义弹窗(Custom Dialog)的定义与使用
weixin_48952056的博客
05-05 3586
当我们发起网络请求后要在UI上反应当前的请求情况，需要动态的向用户展示当前的网络状况，加强用户与UI之间的交互，我们在请求网络或者广告、中奖、警告、软件更新时可以使用自定义弹窗组件，自定义的样式风格自由可以满足更多的用户需求。
OpenHarmony实战开发-如何实现自定义弹窗 (CustomDialog)
m0_70749039的博客
04-27 1604
CustomDialog是自定义弹窗，可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。
【鸿蒙软件开发】自定义弹窗（CustomDialog）
m0_62599305的博客
10-25 7589
自定义弹窗（CustomDialog）可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。具体用法请参考自定义弹窗。使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。
HarmonyOS 鸿蒙应用开发( 六、实现自定义弹窗CustomDialog）
猫哥 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS，AIOT)
01-25 5710
自定义弹窗（CustomDialog）可用于广告、中奖、警告、软件更新等与用户交互响应操作。开发者可以通过CustomDialogController类显示自定义弹窗。具体用法请参考自定义弹窗。
HarmonyOS NEXT实战开发：自定义弹窗 (CustomDialog)
hanyanyou的博客
07-24 1484
CustomDialog是自定义弹窗，可用于广告、中奖、警告、软件更新等与用户交互响应操作。
HarmonyOS Next开发学习手册——自定义弹窗 (CustomDialog)
maniuT的博客
07-01 2313
使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。})build() {Column() {Text('我是内容')创建构造器，与装饰器呼应相连。@Entry@Component})点击与onClick事件绑定的组件使弹窗弹出。
HarmonyOS Next开发学习手册——添加组件（自定义弹窗 (CustomDialog)）
maniuT的博客
07-11 1486
使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。})build() {Column() {Text('我是内容')创建构造器，与装饰器呼应相连。@Entry@Component})点击与onClick事件绑定的组件使弹窗弹出。
【愚公系列】2023年12月 HarmonyOS教学课程 020-ArkUI组件（CustomDialog）
热门推荐
时光隧道
12-08 6万+
HarmonyOS的@CustomDialog是一个自定义对话框控件，它可以帮助开发人员快速创建各种各样的对话框，包括提示框、确认框、输入框等。使用@CustomDialog，开发人员可以自定义对话框的标题、消息、按钮、图标等属性，以及对话框的样式和布局。此外，它还支持自定义对话框的背景、动画和触发事件等属性，以满足不同场景的需求。build() {Column() {Text('我是内容')@Entry@Component})build() {Column() {})
自定义弹窗
09-10
使用jQuery实现自定义提示框、确认框和加载框。
自定义弹出窗口
10-14
自定义的可编辑的弹出窗口，用于输入框编写不下时使用
鸿蒙HarmonyOS实战-ArkUI组件（CustomDialog）_鸿蒙 自定义对话框(1)
2401_84853048的博客
05-09 806
使用@CustomDialog，开发人员可以自定义对话框的标题、消息、按钮、图标等属性，以及对话框的样式和布局。此外，它还支持自定义对话框的背景、动画和触发事件等属性，以满足不同场景的需求。build() {Column() {Text(‘我是内容’)@Entry@Component})build() {Column() {})
鸿蒙5.0开发【鸿蒙自定义 Dialog 的 6 种方式】
2401_82772199的博客
08-05 2850
自定义弹窗的最常规方式就是通过 CustomDialogController 类去控制显示自定义的弹窗或者浮层。
鸿蒙自定义弹窗 (CustomDialog)（确认 取消）
H1453571548的博客
11-28 2626
用于显示弹窗。
鸿蒙NEXT开发【自定义弹框使用（CustomDialog+TextPicker组合）】
houxiliOH的博客
10-11 2096
做过移动端甚至前端开发的小伙伴想必用过弹窗功能，其实弹窗就是一种浮动窗口，主要用于在应用界面上显示额外的信息或提供用户操作选项。而在HarmonyOS开发中，弹窗分为七种类型：AlertDialog、ActionSheet、CustomDialog、CalendarPickerDialog、DatePickerDialog、TimePickerDialog和TextPickerDialog。其他六种弹窗是系统预定义的弹框，而剩下的CustomDialog弹窗是允许开发者自定义弹窗的布局和内容的。
鸿蒙HarmonyOS实战-ArkUI组件（CustomDialog）_鸿蒙 自定义对话框
04-11 1130
HarmonyOS的@CustomDialog是一个自定义对话框控件，它可以帮助开发人员快速创建各种各样的对话框，包括提示框、确认框、输入框等。使用@CustomDialog，开发人员可以自定义对话框的标题、消息、按钮、图标等属性，以及对话框的样式和布局。此外，它还支持自定义对话框的背景、动画和触发事件等属性，以满足不同场景的需求。build() {Column() {Text(‘我是内容’)@Entry@Component})build() {
鸿蒙Harmony应用开发—ArkTS-全局UI方法（警告弹窗）
m0_64420071的博客
03-21 1656
使用弹窗组件时，可优先考虑自定义弹窗，便于自定义弹窗的样式与内容。
鸿蒙开发自定义Dialog
王鑫林的博客
06-08 1378
首先创建一个BaseDialog public class WbBaseDialog extends CommonDialog { /** * 类似Android Dialog的cancelable属性， * true: 支持点击外部或返回键消失。 * false: 则只有手动调用hide才会消失。 */ private boolean cancelable = true; protected boolean hideWithBackPre
鸿蒙应用开发自定义弹窗
最新发布
03-25
在鸿蒙HarmonyOS中实现自定义弹窗主要通过`dialog`组件和弹窗控制器完成，具体分为以下步骤： ### 一、基础弹窗创建 1. **使用`@CustomDialog`装饰器** 通过声明式UI定义弹窗内容，需继承`CustomDialogController...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值