相关问题
#鸿蒙通关秘籍#如何创建一个自定义弹窗(CustomDialog)?
943浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙ArkUI中创建并显示自定义弹窗?
754浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中创建一个自定义日历选择器?
843浏览 • 1回复 待解决
在ArkUI中,如何实现一个自定义弹窗组件?
52浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙ArkUI自定义弹窗中实现页面路由跳转?
816浏览 • 1回复 待解决
HarmonyOS 如何在一个class中创建一个自定义弹框
678浏览 • 1回复 待解决
如何在自定义函数中创建一个UI组件
2278浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何自定义一个气泡?
540浏览 • 1回复 待解决
如何在全局实现一个自定义dialog弹窗
3407浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用openCustomDialog在鸿蒙中创建自定义弹窗?
902浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中创建自定义组件?
787浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS NEXT中实现一个自定义样式的TabBar?
979浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在自定义弹窗中实现路由跳转?
878浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何创建和使用自定义弹窗(CustomDialog)?
847浏览 • 1回复 待解决
如何快速开发出一个自定义弹窗?
967浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙工程中创建一个ArkTS卡片?
716浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙的ArkTS中创建自定义Sendable类?
710浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何创建一个用于瀑布流的自定义数据源类?
711浏览 • 1回复 待解决
如何在自定义弹窗中再次弹窗
2932浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS NEXT中使用ArkUI创建一个轮播图组件?
785浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在ArkUI中进行自定义事件拦截?
764浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中应用BuilderNode创建自定义控件树?
699浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙系统中创建并展示自定义Dialog组件?
674浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在鸿蒙中利用Native XComponent创建自定义绘制内容?
666浏览 • 1回复 待解决
如何在一个非@Entry的类中创建一个CustomDialogController弹窗
970浏览 • 1回复 待解决
使用自定义弹窗可以让开发者自行定义弹窗的内容和样式。下面是一个CustomDialog的实现:
bash // xxx.ets @CustomDialog @Component struct CustomDialogExample { @Link textValue: string @Link inputValue: string controller?: CustomDialogController cancel: () => void = () => { } confirm: () => void = () => { }
build() { Column() { Text('Change text').fontSize(20).margin({ top: 10, bottom: 10 }) TextInput({ placeholder: '', text: this.textValue }).height(60).width('90%') .onChange((value: string) => { this.textValue = value }) Text('Whether to change a text?').fontSize(16).margin({ bottom: 10 }) Flex({ justifyContent: FlexAlign.SpaceAround }) { Button('cancel') .onClick(() => { if (this.controller != undefined) { this.controller.close() this.cancel() } }).backgroundColor(0xffffff).fontColor(Color.Black) Button('confirm') .onClick(() => { if (this.controller != undefined) { this.inputValue = this.textValue this.controller.close() this.confirm() } }).backgroundColor(0xffffff).fontColor(Color.Red) }.margin({ bottom: 10 }) }.borderRadius(10) } }