# Swiper

**Repository Path**: harmonyos_codelabs/Swiper

## Basic Information

- **Project Name**: Swiper
- **Description**: 使用ArkTS语言，基于Swiper容器组件，实现几种常见的应用场景。例如顶部导航、广告轮播图等场景。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 5
- **Created**: 2024-06-15
- **Last Updated**: 2025-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 使用Swiper组件实现常见滑动场景

### 简介

本篇Codelab主要介绍了滑动容器组件Swiper的几种常见应用场景，包括顶部导航、轮播图以及视频滑动播放。

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

### 相关概念

- Swiper：滑动容器，提供子组件切换滑动的能力。
- Stack：堆叠容器，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。
- Video：用于播放视频文件并控制其播放状态的组件。

### 相关权限

不涉及

### 使用说明

1.点击应用进入主页面，点击顶部导航标题可切换展示不同的界面内容；左右滑动展示内容，顶部导航标题随之变化。

2.界面“电影精选”部分为轮播广告，会定时切换内容展示。

3.点击图片会调整至视频播放界面，可通过上下滑动切换播放内容。

### 约束与限制

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