# transition-collection

**Repository Path**: caoliwen1/transition-collection

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-31
- **Last Updated**: 2024-10-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 转场动效合集

### 介绍

本示例基于基础组件、通用属性、显式动效，实现多种常见转场动效案例，包含常见一镜到底转场动效场景。

### 效果预览

| 多模态页面转场动效                              | 音乐播放转场一镜到底动效                           | 搜索一镜到底转场动效                              |
|----------------------------------------|----------------------------------------|-----------------------------------------|
| ![image](screenshots/device/pages.gif) | ![image](screenshots/device/music.gif) | ![image](screenshots/device/search.gif) |
| 卡片一镜到底转场动效                             | 图片一镜到底转场动效                             | 视频一镜到底转场动效                              |
| ![image](screenshots/device/card.gif)  | ![image](screenshots/device/image.gif) | ![image](screenshots/device/vedio.gif)  |
| 列表一镜到底转场动效                             | 图书翻页一镜到底转场动效                           |
| ![image](screenshots/device/list.gif)  | ![image](screenshots/device/book.gif)  |

**使用说明**

1. 点击各个模块进行跳转

### 具体实现

1. 通过Navigation组件实现导航功能

### 相关权限

不涉及

### 约束与限制

1.本示例仅支持标准系统上运行，支持设备：华为手机。

2.HarmonyOS系统：HarmonyOS NEXT Release及以上。

3.DevEco Studio版本：DevEco Studio NEXT Release及以上。

4.HarmonyOS SDK版本：HarmonyOS NEXT Release SDK及以上。