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",)