1# 组件集合 2 3### 介绍 4 5本示例为ArkUI中组件、通用、动画、全局方法的集合。 6 7本示例使用 [Tabs容器组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md) 搭建整体应用框架，每个 [TabContent内容视图](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md) 使用 [List容器组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md) 布局，在每个 [ListItem](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-listitem.md) 中使用 [循环渲染](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-rending-control-syntax-foreach.md) 加载此分类下分类导航数据，底部导航菜单使用 [TabContent中tabBar属性](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-tabcontent.md#%E5%B1%9E%E6%80%A7) 设置自定义样式 。 8 9使用说明： 10 111.点击**组件**、**通用**、**动画**、**全局方法**四个按钮或左右滑动切换不同视图。 12 132.点击二级导航（如通用属性、通用事件等），若存在三级导航则展开三级导航（如Border 边框、点击事件等）；若不存在三级导航，则跳转至详情页面。 14 153.若存在三级导航（如Border 边框、点击事件等），点击跳转至详情页面。 16 17### 效果预览 18 19 20 21### 相关权限 22 23不涉及。 24 25### 依赖 26 27不涉及。 28 29### 约束与限制 30 311.本示例仅支持标准系统上运行，支持设备：RK3568。 32 332.本示例仅支持API9版本SDK，版本号：3.2.7.5。 34 353.本示例需要使用DevEco Studio 3.0 Release (Build Version: 3.0.0.993, built on September 4, 2022)才可编译运行。
