https://github.com/libpag/pag-flutter
The PAG SDK demo for the flutter platform.
https://github.com/libpag/pag-flutter
Last synced: 4 months ago
JSON representation
The PAG SDK demo for the flutter platform.
- Host: GitHub
- URL: https://github.com/libpag/pag-flutter
- Owner: libpag
- License: other
- Created: 2022-08-18T08:57:04.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-08-19T07:32:27.000Z (10 months ago)
- Last Synced: 2025-08-19T09:52:45.665Z (10 months ago)
- Language: Objective-C
- Homepage:
- Size: 4.76 MB
- Stars: 73
- Watchers: 1
- Forks: 47
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# 项目介绍
为Flutter打造的PAG动画组件，以外接纹理的方式实现。
**注：如果遇到使用问题请在本仓库提 issue 与作者讨论，或直接提交 pr 参与共建。**
[**PAG官网**](https://pag.art/)
# 快速上手
Flutter侧通过PAGView来使用动画
### 引用
```
dependencies:
pag:
git:
url: https://github.com/libpag/pag-flutter.git
ref: v1.0.9+4
```
flutter3.29+ 版本请依赖 v1.0.9+flutter3.29
Android端混淆文件中配置，避免影响
```
-keep class org.libpag.**{*;}
```
### 使用本地资源
```
PAGView.asset(
"assets/xxx.pag", //flutter侧资源路径
repeatCount: PagView.REPEAT_COUNT_LOOP, // 循环次数
initProgress: 0.25, // 初始进度
key: pagKey, // 利用key进行主动调用
autoPlay: true, // 是否自动播放
)
```
### 使用网络资源
```
PAGView.url(
"xxxx", //网络链接
repeatCount: PagView.REPEAT_COUNT_LOOP, // 循环次数
initProgress: 0.25, // 初始进度
key: pagKey, // 利用key进行主动调用
autoPlay: true, // 是否自动播放
)
```
### 使用二进制数据
```
PAGView.bytes(
"xxxx", //网络链接
repeatCount: PagView.REPEAT_COUNT_LOOP, // 循环次数
initProgress: 0.25, // 初始进度
key: pagKey, // 利用key进行主动调用
autoPlay: true, // 是否自动播放
)
```
### 可以在PAGView中加入回调参数
以下回调与原生PAG监听对齐
```
PAGView.asset(
...
onAnimationStart: (){ // 开始
// do something
},
onAnimationEnd: (){ // 结束
// do something
},
onAnimationRepeat: (){ // 重复
// do something
},
onAnimationCancel: (){ // 取消
// do something
},
```
### 通过key获取state进行主动调用
```
final GlobalKey pagKey = GlobalKey();
//传入key值
PAGView.url(key:pagKey）
//播放
pagKey.currentState?.start();
//暂停
pagKey.currentState?.pause();
//停止
pagKey.currentState?.stop();
//设置进度
pagKey.currentState?.setProgress(xxx);
//获取坐标位置的图层名list
pagKey.currentState?.getLayersUnderPoint(x,y);
```