Flutter之Flare动画

说到Flutter中的动画,非Flare莫属了,
参考网站:

  • https://www.bilibili.com/video/av38438700/?p=2
  • Github
  • 官方网站
  • flare的制作和使用

Flare

Flare是一个强大的设计和动画制作工作,可以让设计师和程序员很容易把高质量动画放到App,游戏,web中。

须知

  • flare公开项目是免费的,私有项目是收费的,主要鼓励多分享动画
  • 公开项目不代表可以直接使用,因为有些是只读文件不能导出,这样很好的保护个人劳动成果
  • 可以关注某个人,这样可以持续查看这个的作品
  • 一个文件可以有多个动画,可以根据名字指定播放指定的动画

问题:

  • 如果在flutter项目中显示不全,一定要看看是否是最新的sdk

  • 了解flare和nima区别?

    • nima:主要是光栅图形制作二维角色的动画,可以添加贴图和栅格操作,常用于游戏,可以创建非常炫酷的人物
    • flare:主要是设计矢量动画图形库,更偏向于App和Web使用

使用Flare的步骤

  1. 第一次先注册账号,可以使用邮箱,facebook,google账号等登录
  2. 可以直接用别人免费制作好的
  3. 直接导出 ,点击右上角的export按钮,就可以导出.flr格式的资源文件
  4. 必须有Flutter环境,创建项目
    在yaml中添加 ,最新版本在https://pub.dev/中查看
    nima: ^1.0.5
    flare_flutter: ^1.8.1
  5. 把下载的文件复制到assets文件中,并在yaml中添加文件,点击packages get
  6. 在代码中使用
//导包
import 'package:flare_flutter/flare_actor.dart';
//引用
FlareActor("assets/animation/downloading.flr",animation: "done",)

你可能感兴趣的:(flutter)