# SecondLevelLinkage

**Repository Path**: dong-haifan/SecondLevelLinkage

## Basic Information

- **Project Name**: SecondLevelLinkage
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2024-06-19
- **Last Updated**: 2024-06-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# UI框架-二级联动

### 简介

本篇Codelab是基于ArkTS的声明式开发范式的样例，主要介绍了如何基于List组件实现一个导航和内容的二级联动效果。效果图如下：

![](screenshots/device/TwoLevelLink.gif)

### 相关概念

- List ：列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。

- ListItemGroup ： 该组件用来展示列表item分组，宽度默认充满List组件，必须配合List组件来使用。

### 相关权限

不涉及

### 使用说明

1. 打开应用，切换左侧导航选中状态，右侧内容滚动到对应的位置。
2. 打开应用，滑动右侧内容，当滑动到不同的导航时，左侧的导航会自动选中对应的导航Item。

### 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。
2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。
3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。
4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。