《HarmonyOS应用开发基础》 课件 实操 项目2-任务13 开发自定义的时间弹窗.pptx

任务13开发自定义的时间弹窗项目2走进ArkTS声明式开发

任务13开发自定义的时间弹窗本任务综合使用自定义的对话框、日期选择器、时间选择器，以及条件渲染，进行自定义的时间弹窗开发。任务描述

任务效果图预览

任务实施

010203整理工程资源实现自定义的对话框实现时间弹窗

01整理工程资源

在etsview目录下创建自定义的对话框组件MyDialog。

02实现自定义的对话框自定义对话框MyDialog组件，标题由调用者传入，提供“确定”和“取消”按钮，对话框内部的UI在使用时根据场景再进行设计。在MyDialog.ets文件中，编写自定义的对话框组件并用exportdefault导出，依据传递过来的title的条件值，决定渲染的是日期还是时间选择器，并处理自定义对话框的确定和取消的按钮事件，在事件中关闭对话框。

03实现时间弹窗在Index.ets页面文件中，导入自定义的对话框组件，分别用不同的自定义对话框控制器，传入不同的参数值，并且在日期和时间的选择按钮上打开对应的对话框。

03实现时间弹窗-验证时间选择的值

任务13开发自定义的时间弹窗本任务学习了自定义对话框的使用，从构建自定义的对话框组件，到调用对话框组件，再到通过条件渲染，进行选择性的改变对话框内部的UI结构，这些都是自定义对话框中必须要掌握的关键技术点。任务小结