# SecondLevelLinkage

**Repository Path**: yxk2026/SecondLevelLinkage

## Basic Information

- **Project Name**: SecondLevelLinkage
- **Description**: 使用ArkTS语言，实现一个导航与内容二级联动的效果。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2024-09-19
- **Last Updated**: 2025-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于List组件实现二级联动效果

### 简介

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

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

### 相关概念

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

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

### 相关权限

不涉及

### 使用说明

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

### 约束与限制

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