pag

Description:

pag

项目介绍 #
为Flutter打造的PAG动画组件，以外接纹理的方式实现。
注：如果遇到使用问题请在本仓库提 issue 与作者讨论，或直接提交 pr 参与共建。
PAG官网
快速上手 #
Flutter侧通过PAGView来使用动画
引用 #
dependencies:
pag: 1.0.0
copied to clipboard
Android端混淆文件中配置，避免影响
-keep class org.libpag.**{*;}
copied to clipboard
使用本地资源 #
PAGView.asset(
"assets/xxx.pag", //flutter侧资源路径
repeatCount: PagView.REPEAT_COUNT_LOOP, // 循环次数
initProgress: 0.25, // 初始进度
key: pagKey, // 利用key进行主动调用
autoPlay: true, // 是否自动播放
)
copied to clipboard
使用网络资源 #
PAGView.url(
"xxxx", //网络链接
repeatCount: PagView.REPEAT_COUNT_LOOP, // 循环次数
initProgress: 0.25, // 初始进度
key: pagKey, // 利用key进行主动调用
autoPlay: true, // 是否自动播放
)
copied to clipboard
使用二进制数据 #
PAGView.bytes(
"xxxx", //网络链接
repeatCount: PagView.REPEAT_COUNT_LOOP, // 循环次数
initProgress: 0.25, // 初始进度
key: pagKey, // 利用key进行主动调用
autoPlay: true, // 是否自动播放
)
copied to clipboard
可以在PAGView中加入回调参数 #
以下回调与原生PAG监听对齐
PAGView.asset(
...
onAnimationStart: (){ // 开始
// do something
},
onAnimationEnd: (){ // 结束
// do something
},
onAnimationRepeat: (){ // 重复
// do something
},
onAnimationCancel: (){ // 取消
// do something
},
copied to clipboard
通过key获取state进行主动调用 #
final GlobalKey<PAGViewState> pagKey = GlobalKey<PAGViewState>();

//传入key值
PAGView.url(key:pagKey）

//播放
pagKey.currentState?.start();

//暂停
pagKey.currentState?.pause();

//停止
pagKey.currentState?.stop();

//设置进度
pagKey.currentState?.setProgress(xxx);

//获取坐标位置的图层名list
pagKey.currentState?.getLayersUnderPoint(x,y);
copied to clipboard