# OpenHarmony-ArkUI-ScrollList

**Repository Path**: xjszzz9/open-harmony-ark-ui-scroll-list-o

## Basic Information

- **Project Name**: OpenHarmony-ArkUI-ScrollList
- **Description**: OpenHarmony基础组件Scroll与List嵌套使用
- **Primary Language**: Unknown
- **License**: WTFPL
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2022-12-14
- **Last Updated**: 2024-11-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# OpenHarmony-ArkUI-ScrollList

#### 介绍
OpenHarmony基础组件Scroll与List嵌套使用，展示Scroll和List相关的接口。效果如下：
![](screenshots/device/scroll_list_1.jpg) 
![](screenshots/device/scroll_list_2.jpg)
![](screenshots/device/scroll_list_3.jpg)

#### 相关概念

1、[List](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-list.md)

2、[Swiper](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-swiper.md)

3、[Scroll](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-container-scroll.md)


#### 相关权限

不涉及

#### 使用说明

场景：实现世界杯主界面，包括球员banner、赛事、积分榜。

具体需求

1、启动页，3s后进入主页面；

2、头部显示球员banner，首次显示3个球员，每隔3秒切换一个球员；

3、球赛列表，包括：对战球队、比分、比赛状态（未开赛、已结束、进行中）、赛程；

4、球赛列表拉到最后一条，触发全屏显示积分榜；

5、点击返回首页，返回到页面顶部，球赛列表返回首条显示；

6、在一个页面中实现。

#### 约束与限制

1.本示例仅支持在标准系统上使用。

2.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。

3.SDK：FULL SDK 9（3.2.7.6）