天天看點

Flutter 38: 圖解 Flutter 基本動畫 (二)

小菜前兩天學習了以下 animation 的基本動畫,接下來小菜學習以下稍微進階版的 animation 動畫。

      小菜前兩天學習的主要是基本的單一動畫,當然多個動畫效果集一身也是毫無問題的,小菜接下來嘗試一個圖檔顯隐性和縮放同時循環使用的 demo;

addstatuslistener 用來監聽目前動畫狀态,即開始或結束;

addlistener 用來堅挺動畫過程,可擷取實時 value 值;

Flutter 38: 圖解 Flutter 基本動畫 (二)

      既然可以監聽動畫過程和動畫狀态,整體的動畫便可以靈活掌握;小菜接下來嘗試一下分時間段動畫,前 50% 顯隐性處理,後 50% 縮放處理;

Flutter 38: 圖解 Flutter 基本動畫 (二)

      動畫是靈活的,我們可以根據自己的需求自定義動畫效果,小菜嘗試一個圓環繞一個圓轉圈;

Flutter 38: 圖解 Flutter 基本動畫 (二)

      hero 動畫是 flutter 提供的飛入式動畫,主要用在頁面間切換時動畫,且傳回時動畫按原路傳回;使用時設定兩個頁面間 tag 一緻即可,友善簡潔;

Flutter 38: 圖解 Flutter 基本動畫 (二)

      小菜學習了一下稍進階的動畫,如果有問題的煩請多多指導!