简介
带有添加删除动画效果以及整体动画效果的list组件库
下载安装
ohpm install @ohos/recyclerview-animators
OpenHarmony ohpm 环境配置等更多内容,请参考如何安装OpenHarmony ohpm 包
使用说明
-
引入组件库
import { RecyclerView } from "@ohos/recyclerview-animators"
-
在代码中使用
@State controller: RecyclerView.Controller = new RecyclerView.Controller()
private listDatas = ["A","B","C"]aboutToAppear() {
this.controller.setAdapterAnimation(RecyclerView.AdapterAnimationType.AlphaIn) // 设置列表整体效果类型
this.controller.setFirstOnly(false) // 设置是否在item重复出现时显示动画效果
this.controller.setDuration(500) // 设置动画时长
}build() {
Column() {
RecyclerView({
array: this.listDatas, // 数据源
controller: this.controller, // 控制器
child: (itemData) => {
this.SpecificChild(itemData) // 子布局
}
})
}
}@Builder SpecificChild(itemData) {
Column() {
Image($r("app.media.chip"))
.width('100%')
.height(100)
Text(itemData + '')
.fontSize(20)
.textAlign(TextAlign.Center)
.width('100%')
}.margin(10)
}
接口说明
controller: RecyclerView.Controller = new RecyclerView.Controller()
- 设置列表整体效果类型
this.controller.setAdapterAnimation()
- 设置是否在item重复出现时显示动画效果
this.controller.setFirstOnly()
- 设置动画时长
this.controller.setDuration()
约束与限制
在下述版本验证通过:
- DevEco Studio 版本: 4.1 Canary(4.1.3.317)
- OpenHarmony SDK: API11 (4.1.0.36)
目录结构
|---- recyclerview_animators
| |---- entry # 示例代码文件夹
| |---- library # 库文件夹
| |----src
|----main
|----ets
|----components
|----adapterAnimator #动画效果适配
|----itemAnimator #元素动画效果实现
|----RecyclerView.ets #核心类
| |---- Index.ets # 对外接口
| |---- README.md # 安装使用方法
为了能让大家更好的学习鸿蒙(HarmonyOS NEXT)开发技术,这边特意整理了《鸿蒙开发学习手册》(共计890页),希望对大家有所帮助:https://qr21.cn/FV7h05
《鸿蒙开发学习手册》:
如何快速入门:https://qr21.cn/FV7h05
- 基本概念
- 构建第一个ArkTS应用
- ......
开发基础知识:https://qr21.cn/FV7h05
- 应用基础知识
- 配置文件
- 应用数据管理
- 应用安全管理
- 应用隐私保护
- 三方应用调用管控机制
- 资源分类与访问
- 学习ArkTS语言
- ......
基于ArkTS 开发:https://qr21.cn/FV7h05
- Ability开发
- UI开发
- 公共事件与通知
- 窗口管理
- 媒体
- 安全
- 网络与链接
- 电话服务
- 数据管理
- 后台任务(Background Task)管理
- 设备管理
- 设备使用信息统计
- DFX
- 国际化开发
- 折叠屏系列
- ......
鸿蒙开发面试真题(含参考答案):https://qr18.cn/F781PH
鸿蒙开发面试大盘集篇(共计319页):https://qr18.cn/F781PH
1.项目开发必备面试题
2.性能优化方向
3.架构方向
4.鸿蒙开发系统底层方向
5.鸿蒙音视频开发方向
6.鸿蒙车载开发方向
7.鸿蒙南向开发方向