• 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. [按钮 (Button)开发指导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-common-components-button.md)。
82. [单选框 (Radio)开发指导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-common-components-radio-button.md)。
93. [切换按钮 (Toggle)开发指导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/arkts-common-components-switch.md)。
10### 效果预览
11
12| 首页                                 | 按钮组件目录                             | 创建按钮场景示例                           |
13|------------------------------------|------------------------------------|------------------------------------|
14| ![](screenshots/device/image1.png) | ![](screenshots/device/image2.png) | ![](screenshots/device/image3.png) |
15
16### 使用说明
17
181. 在主界面，可以点击对应卡片，选择需要参考的组件示例。
19
202. 在组件目录选择详细的示例参考。
21
223. 进入示例界面，查看参考示例。
23
244. 通过自动测试框架可进行测试及维护。
25
26### 工程目录
27```
28entry/src/main/ets/
29|---entryability
30|---pages
31|     |---button
32|     |      |---CreateButton.ets                       // 按钮创建示例代码
33|     |      |---ButtonCustomStyle.ets                  // 按钮自定义示例代码
34|     |      |---FloatingButton.ets                       // 按钮悬浮场景示例代码
35|     |      |---Index.ets                           // 第二层级目录
36|     |      |---SetButtonType.ets                       // 按钮类型设置示例代码
37|     |      |---SubmitForm.ets                       // 按钮注册场景示例代码
38|     |---radio
39|     |      |---RadioSample.ets                       // 单选框场景示例代码
40|     |      |---Index.ets                           // 第二层级目录
41|     |---toggle
42|     |      |---CreateToggle.ets                       // 切换按钮创建示例代码
43|     |      |---ToggleCustomStyle.ets              // 切换按钮自定义示例代码
44|     |      |---ToggleCaseExample.ets                       // 切换按钮场景示例代码
45|     |      |---Index.ets                           // 第二层级目录
46|---pages
47|   |---Index.ets                       // 应用主页面
48entry/src/ohosTest/
49|---ets
50|   |---index.test.ets                       // 示例代码测试代码
51```
52
53### 相关权限
54
55不涉及。
56
57### 依赖
58
59不涉及。
60
61### 约束与限制
62
631.本示例仅支持标准系统上运行, 支持设备：RK3568。
64
652.本示例为Stage模型，支持API14版本SDK，版本号：5.0.2.57，镜像版本号：OpenHarmony_5.0.2.57。
66
673.本示例需要使用DevEco Studio NEXT Developer Preview2 (Build Version: 5.0.5.306， built on December 12, 2024)及以上版本才可编译运行。
68
69### 下载
70
71如需单独下载本工程，执行如下命令：
72
73````
74git init
75git config core.sparsecheckout true
76echo code/DocsSample/ArkUISample/ChooseComponent > .git/info/sparse-checkout
77git remote add origin https://gitee.com/openharmony/applications_app_samples.git
78git pull origin master
79````