# TransitionsCollection

**Repository Path**: lei_1/transitions-collection

## Basic Information

- **Project Name**: TransitionsCollection
- **Description**: 本示例基于基础组件、通用属性、显式动效，实现多种常见转场动效案例。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 36
- **Created**: 2024-07-30
- **Last Updated**: 2024-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 转场动效案例集

### 介绍

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

### 效果预览
<img src="./entry/src/main/resources/base/media/introduction.gif" width="200">

**使用说明**

1. 点击搜索框，跳转搜索页面
2. 搜索功能支持模糊查询，可点击搜索结果跳转相关功能页，也可点击搜索历史跳转相关功能页
3. 主页瀑布流组件，点击图片或动图可跳转相应的功能页

### 工程目录

   ```
    ├──entry/src/main/ets/
    │  ├──common
    │  │  ├──Constants.ets               // 公共常量类
    │  │  └──GlobalBuilderContext.ets    // 路由初始化类
    │  ├──entryability
    │  │  └──EntryAbility.ets            // 程序入口类
    │  ├──pages                  
    │  │  └──Index.ets                   // 首页
    │  ├──utils
    │  │  ├──Logger.ets                  // 日志类
    │  │  └──WindowUtil.ets              // 页面相关方法类 
    │  └──viewmodel
    │     └──NavDestinationItem.ets      // 路由页面信息类
    └──entry/src/main/resources          // 应用静态资源目录
   ```

### 具体实现

1. 通过Navigation组件实现导航功能
2. 通过瀑布流组件和路由跳转功能实现多个功能模块的标题排列及功能页面跳转。

### 相关权限

不涉及

### 约束与限制

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

2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。

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

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