• 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. [触屏事件](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-common-events-touch-screen-event.md)
82. [键鼠事件](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-common-events-device-input-event.md)
93. [焦点事件](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-common-events-focus-event.md)
104. [拖拽事件](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-common-events-drag-event.md)
115. [单一手势](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-gesture-events-single-gesture.md)
126. [组合手势](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-gesture-events-combined-gestures.md)
137. [手势拦截](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-gesture-events-gesture-judge.md)
14### 效果预览
15
16| 首页                                 | 交互类组件目录                            | 单一手势示例                             |
17|------------------------------------|------------------------------------|------------------------------------|
18| ![](screenshots/device/image1.png) | ![](screenshots/device/image2.png) | ![](screenshots/device/image3.png) |
19
20### 使用说明
21
221. 在主界面,可以点击对应卡片,选择需要参考的组件示例。
23
242. 在组件目录选择详细的示例参考。
25
263. 进入示例界面,查看参考示例。
27
284. 通过自动测试框架可进行测试及维护。
29
30### 工程目录
31```
32entry/src/main/ets/
33|---entryability
34|---pages
35|   |---device                            //键鼠事件
36|   |       |---HoverEffect.ets
37|   |       |---OnHover.ets
38|   |       |---OnKey.ets
39|   |       |---OnKeyPreIme.ets
40|   |       |---OnMouse.ets
41|   |       |---Index.ets
42|   |---focus                              //焦点事件
43|   |       |---DefaultFocus.ets
44|   |       |---Focusable.ets
45|   |       |---FocusAndClick.ets
46|   |       |---FocusController.ets
47|   |       |---Index.ets
48|   |       |---FocusPriority.ets
49|   |       |---FocusScopePriority.ets
50|   |       |---FocusStyle.ets
51|   |       |---onFocusBlur.ets
52|   |---drag                                //拖拽事件
53|   |       |---DefaultDrag.ets
54|   |       |---Index.ets
55|   |       |---MoreDrag.ets
56|   |---gesturejudge                        //手势拦截
57|   |       |---Index.ets
58|   |       |---GestureJudge.ets
59|   |---singlegesture                       //单一手势
60|   |       |---LongPressGesture.ets
61|   |       |---PanGesture.ets
62|   |       |---Index.ets
63|   |       |---PinchGesture.ets
64|   |       |---RotationGesture.ets
65|   |       |---SwipeGesture.ets
66|   |       |---TapGesture.ets
67|   |---Touch                                //触屏事件
68|   |       |---ClickEvent.ets
69|   |       |---Index.ets
70|   |       |---TouchEvent.ets
71|   |---groupgesture                          //组合手势
72|   |       |---Exclusive.ets
73|   |       |---Index.ets
74|   |       |---Parallel.ets
75|   |       |---Sequence.ets
76|---pages
77|   |---Index.ets                       // 应用主页面
78entry/src/ohosTest/
79|---ets
80|   |---index.test.ets                       // 示例代码测试代码
81```
82
83### 相关权限
84
85不涉及。
86
87### 依赖
88
89不涉及。
90
91### 约束与限制
92
931.本示例仅支持标准系统上运行, 支持设备:RK3568。
94
952.本示例为Stage模型,支持API14版本SDK,版本号:5.0.2.57,镜像版本号:OpenHarmony_5.0.2.57。
96
973.本示例需要使用DevEco Studio NEXT Developer Preview2 (Build Version: 5.0.5.306, built on December 12, 2024)及以上版本才可编译运行。
98
99### 下载
100
101如需单独下载本工程,执行如下命令:
102
103````
104git init
105git config core.sparsecheckout true
106echo code/DocsSample/ArkUIDocSample/EventProject > .git/info/sparse-checkout
107git remote add origin https://gitee.com/openharmony/applications_app_samples.git
108git pull origin master
109````