鸿蒙开发实践——自定义弹框使用（CustomDialog+TextPicker组合）

前言

在移动开发应用中，弹框是一种常见的用户交互组件，用于在应用界面上提供额外的信息或操作选项，也是移动开发中必用的功能，实际开发中系统提供的弹框往往不能完全满足实际业务需求，很多时候需要根据业务需求对弹框内容进行自定义，但凡遇到自定义弹框及弹框内部内容，就需要根据实际情况进行组合式使用。同理，在HarmonyOS开发中系统也提供了弹框的使用及自定义弹框的使用方法，可以说是提供了丰富的API来支持自定义弹框的开发，这可以让开发者根据自己的需求定制独特的用户界面和交互体验。那么本文就来分享一个实际应用中比较常用的自定义弹框组合，即结合CustomDialog和TextPicker组件在HarmonyOS中实现一个自定义弹框的使用案例，方便大家学习和使用。

关于弹窗

做过移动端甚至前端开发的小伙伴想必用过弹窗功能，其实弹窗就是一种浮动窗口，主要用于在应用界面上显示额外的信息或提供用户操作选项。而在HarmonyOS开发中，弹窗分为七种类型：AlertDialog、ActionSheet、CustomDialog、CalendarPickerDialog、DatePickerDialog、TimePickerDialog和TextPickerDialog。其他六种弹窗是系统预定义的弹框，而剩下的CustomDialog弹窗是允许开发者自定义弹窗的布局和内容的。

1、CustomDialog弹窗

由于本文主要是分享关于CustomDialog弹窗的，所以这里只单独详细介绍CustomDialog弹窗，其他弹窗内容这里不再过多介绍，大家可以自行去鸿蒙官网查阅。CustomDialog是通过CustomDialogController类显示的自定义弹窗，在使用弹窗组件时，我们可优先考虑自定义弹窗，这样便于自定义弹窗的样式与内容，方便我们开发出更适合实际业务场景的弹窗。

2、系统接口

关于CustomDialog弹窗的使用，系统提供了一个接口来操作的，即CustomDialogController(value: CustomDialogControllerOptions) 接口。调用的时候，需要配置自定义弹窗的参数，但是有一点需要我们特别注意：自定义弹窗的所有参数，不支持动态刷新。

3、导入CustomDialogController

在使用的时候，需要导入对象，具体方式：dialogController : CustomDialogController | null = new CustomDialogController(CustomDialogControllerOptions) 。需要注意的是，CustomDialogController仅在作为@CustomDialog和@Component struct的成员变量，且在@Component struct内部定义时赋值才有效，这一点一定要记住。关于显示或者关闭自定义弹窗，有2个方法来分别控制的。

（1）open方法

open()是显示自定义弹窗内容，允许多次使用，但如果弹框为SubWindow模式，则该弹框不允许再弹出SubWindow弹框，具体方法：open(): void 。

（2）close方法

close()是关闭显示的自定义弹窗，