# SwiperPerformance

**Repository Path**: laughing66/SwiperPerformance

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2024-12-20
- **Last Updated**: 2024-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 优化Swiper组件加载慢丢帧问题

### 介绍

本示例通过使用懒加载和预加载的方式，实现了Swiper组件在加载多图片的场景下的流畅滑动。

### 效果预览

| 答题页                                               | 图片页                                             |
|---------------------------------------------------|-------------------------------------------------|
| ![Question.png](screenshots/devices/Question.png) | ![Picture.png](screenshots/devices/Picture.png) |

### 目录结构

```
├──entry/src/main/ets/
│  ├──common
│  │  ├──ImageUtils.ets                   // 图片处理工具类
│  │  ├──MyDataSource.ets                 // 懒加载数据源工具类
│  │  └──Logger.ets                       // 日志打印工具类
│  ├──entryability
│  │  └──EntryAbility.ets                 // 程序入口类
│  ├──entrybackupability
│  │  └──EntryBackupAbility.ets           // 数据备份恢复类
│  ├──model
│  │  ├──Question.ets                     // 问题实体类
│  │  └──SwiperData.ets                   // 图片实体类
│  └──pages
│     ├──Index.ets                        // 应用入口页
│     ├──LazyForeachSwiper.ets            // Swiper懒加载（答题）页面
│     └──PreloadDataSwiper.ets            // Swiper数据预加载（图片）页面
└──entry/src/main/resources               // 应用静态资源目录

```

### 使用说明

1. 点击首页按钮“使用LazyForeach加载Swiper”，进入问答页面，页面左右滑动流畅。
2. 点击首页按钮“提前加载数据加载Swiper”，进入图片页面，页面左右滑动流畅。

### 实现说明

1. Swiper懒加载使用LazyForeach实现。
2. Swiper数据预加载在onAnimationStart方法中提前加载数据。

### 相关权限

* ohos.permission.INTERNET：允许使用Internet网络。

### 依赖

不涉及。

### 约束与限制

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及以上。