1# ArkUI使用弹窗指南文档示例 2 3### 介绍 4 5本示例通过使用[ArkUI指南文档](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev/ui)中各场景的开发示例,展示在工程中,帮助开发者更好地理解ArkUI提供的组件及组件属性并合理使用。该工程中展示的代码详细描述可查如下链接: 6 71. [不依赖UI组件的全局自定义弹出框 (openCustomDialog)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-uicontext-custom-dialog.md)。 82. [基础自定义弹出框 (CustomDialog)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-common-components-custom-dialog.md)。 93. [固定样式弹出框](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-fixes-style-dialog.md)。 104. [菜单控制(Menu)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-popup-and-menu-components-menu.md) 115. [气泡提示 (Popup)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-popup-and-menu-components-popup.md) 126. [即时反馈 (Toast)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-create-toast.md) 13### 效果预览 14 15| 首页 | 弹窗类组件目录 | 自定义弹窗示例 | 16|------------------------------------|------------------------------------|------------------------------------| 17|  |  |  | 18 19### 使用说明 20 211. 在主界面,可以点击对应卡片,选择需要参考的组件示例。 22 232. 在组件目录选择详细的示例参考。 24 253. 进入示例界面,查看参考示例。 26 274. 通过自动测试框架可进行测试及维护。 28 29### 工程目录 30``` 31entry/src/main/ets/ 32|---entryability 33|---pages 34| |---customdialog //自定义弹出框 35| | |---CreateCustomDialog.ets 36| | |---DialogAnimation.ets 37| | |---DialogInteraction.ets 38| | |---DialogInteraction1.ets 39| | |---DialogStyle.ets 40| | |---Index.ets 41| | |---NestDialog.ets 42| |---fixedstyledialog //固定样式弹出框 43| | |---ActionSheet.ets 44| | |---AlertDialog.ets 45| | |---CalendarPickerDialog.ets 46| | |---DatePickerDialog.ets 47| | |---Index.ets 48| | |---ShowActionMenu.ets 49| | |---ShowDialog.ets 50| | |---TextPickerDialog.ets 51| | |---TimePickerDialog.ets 52| |---Menu //菜单 53| | |---CreateMenu.ets 54| | |---Index.ets 55| |---opencustomdialog //不依赖UI组件的全局自定义弹出框 56| | |---Index.ets 57| | |---openCustomDialog.ets 58| |---popup //气泡提示 59| | |---ButtonPopup.ets 60| | |---CustomPopup.ets 61| | |---Index.ets 62| | |---PopupAnimation.ets 63| | |---PopupStateChange.ets 64| | |---PopupStyle.ets 65| | |---TextPrompts.ets 66| |---Toast //即使反馈 67| | |---CreateToast.ets 68| | |---Index.ets 69| | |---OpenCloseToast.ets 70|---pages 71| |---Index.ets // 应用主页面 72| |---Index2.ets // 弹窗跳转页面 73entry/src/ohosTest/ 74|---ets 75| |---index.test.ets // 示例代码测试代码 76``` 77 78### 相关权限 79 80不涉及。 81 82### 依赖 83 84不涉及。 85 86### 约束与限制 87 881.本示例仅支持标准系统上运行, 支持设备:RK3568。 89 902.本示例为Stage模型,支持API18版本SDK,版本号:5.1.0.56,镜像版本号:OpenHarmony_5.1.0.56。 91 923.本示例需要使用DevEco Studio NEXT Developer Preview2 (Build Version: 5.0.5.306, built on December 12, 2024)及以上版本才可编译运行。 93 94### 下载 95 96如需单独下载本工程,执行如下命令: 97 98```` 99git init 100git config core.sparsecheckout true 101echo code/DocsSample/ArkUIDocSample/DialogProject > .git/info/sparse-checkout 102git remote add origin https://gitee.com/openharmony/applications_app_samples.git 103git pull origin master 104````