• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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| ![](screenshots/device/image1.png) | ![](screenshots/device/image2.png) | ![](screenshots/device/image3.png) |
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````