1# ArkUI使用滚动类指南文档示例 2 3### 介绍 4 5本示例通过使用[ArkUI指南文档](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev/ui)中各场景的开发示例，展示在工程中，帮助开发者更好地理解ArkUI提供的组件及组件属性并合理使用。该工程中展示的代码详细描述可查如下链接： 6 71. [创建列表 (List)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-layout-development-create-list.md)。 82. [创建网格 (Grid/GridItem)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-layout-development-create-grid.md)。 93. [创建轮播 (Swiper)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-layout-development-create-looping.md)。 104. [选项卡 (Tabs)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.1-Release/zh-cn/application-dev/ui/arkts-navigation-tabs.md) 11### 效果预览 12 13| 首页 | 列表类组件目录 | 列表中显示数据示例 | 14|------------------------------------|------------------------------------|------------------------------------| 15|  |  |  | 16 17### 使用说明 18 191. 在主界面，可以点击对应卡片，选择需要参考的组件示例。 20 212. 在组件目录选择详细的示例参考。 22 233. 进入示例界面，查看参考示例。 24 254. 通过自动测试框架可进行测试及维护。 26 27### 工程目录 28``` 29entry/src/main/ets/ 30|---entryability 31|---pages 32| |---grid //列表 33| | |---DataInGrid.ets 34| | |---GridLayout.ets 35| | |---index.ets 36| | |---ScrollableGrid.ets 37| | |---ScrollPosition.ets 38| |---list //网格 39| | |---AddListItem.ets 40| | |---ControlledScrollPositionList.ets 41| | |---CustomListStyle.ets 42| | |---DataInList.ets 43| | |---DeleteListItem.ets 44| | |---GroupedList.ets 45| | |---index.ets 46| | |---ListIteration.ets 47| | |---ListLayout.ets 48| | |---ResponsiveScrollPositionList.ets 49| | |---StickyHeaderList.ets 50| | |---SwipeListItem.ets 51| | |---TaggedListItems.ets 52| |---swiper //轮播 53| | |---index.ets 54| | |---SwiperAutoPlay.ets 55| | |---SwiperCustomAnimation.ets 56| | |---SwiperDirection.ets 57| | |---SwiperIndicatorStyle.ets 58| | |---SwiperLoop.ets 59| | |---SwiperMultiPage.ets 60| | |---SwiperPageSwitchMethod.ets 61| |---tabs //选项卡 62| | |---AgeFriendlyTabs.ets 63| | |---BottomTabBar.ets 64| | |---ContentWillChange.ets 65| | |---CustomTabBar.ets 66| | |---FixedTabBar.ets 67| | |---index.ets 68| | |---ScrollableTabBar.ets 69| | |---SideTabBar.ets 70| | |---SwipeLockedTabBar.ets 71| | |---TabsLayout.ets 72| | |---TopTabBar.ets 73|---pages 74| |---Index.ets // 应用主页面 75entry/src/ohosTest/ 76|---ets 77| |---index.test.ets // 示例代码测试代码 78``` 79 80### 相关权限 81 82不涉及。 83 84### 依赖 85 86不涉及。 87 88### 约束与限制 89 901.本示例仅支持标准系统上运行, 支持设备：RK3568。 91 922.本示例为Stage模型，支持API14版本SDK，版本号：5.0.2.57，镜像版本号：OpenHarmony_5.0.2.57。 93 943.本示例需要使用DevEco Studio NEXT Developer Preview2 (Build Version: 5.0.5.306， built on December 12, 2024)及以上版本才可编译运行。 95 96### 下载 97 98如需单独下载本工程，执行如下命令： 99 100```` 101git init 102git config core.sparsecheckout true 103echo code/DocsSample/ArkUIDocSample/ScrollableComponent > .git/info/sparse-checkout 104git remote add origin https://gitee.com/openharmony/applications_app_samples.git 105git pull origin master 106````
