iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0

AnimatedWidget
AnimatedWidget是一個有狀態的StatefulWidget小部件,通過Listenable更改值並重建小部件。AnimatedWidget對於無狀態的視窗小部件比較實用,含有眾多子類動畫。
https://ithelp.ithome.com.tw/upload/images/20211001/20140524KH4UOciBAw.png

AnimatedBuilder
適用於動畫效果較複雜的Widget,可自動監聽來自Animation的監聽。它不需要知道要怎麼繪製元件,也不用知道如何管理動畫物件,並且可以直接當作元件來使用。

下圖是Widget樹的示意圖。
https://ithelp.ithome.com.tw/upload/images/20211001/20140524f46v0RHoZZ.png
https://ithelp.ithome.com.tw/upload/images/20211001/20140524Ut2KTlcfZ5.png

今天介紹了兩個較簡單的類別,明天將會介紹Hero動畫,敬請期待。

參考資料
橫跨Android及Apple的神話:用Dart語言神啟Flutter大業5.2節
https://www.gushiciku.cn/pl/gaUP/zh-tw
https://api.flutter.dev/flutter/widgets/AnimatedWidget-class.html
https://api.flutter.dev/flutter/widgets/AnimatedBuilder-class.html
https://flutterchina.club/tutorials/animation/


上一篇
Day 18動畫原理
下一篇
Day 20 Hero動畫
系列文
一起學Flutter,和我變Better!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言