class AnimationDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('AnimationDemo'), elevation: 0.0,),
      body: AnimationDemoHome(),
    );
  }
}

class AnimationDemoHome extends StatefulWidget {
  @override
  _AnimationDemoHomeState createState() => _AnimationDemoHomeState();
}
// Ticker 會在每一幀作出一個反應(yīng)番宁，比如去通知動畫對象去計算當(dāng)前幀的值
class _AnimationDemoHomeState extends State<AnimationDemoHome>
  with TickerProviderStateMixin {
  // 控制 flutter 的動畫使用 AnimationController
  AnimationController animationCtr;
  Animation animation;
  Animation animationColor;
  CurvedAnimation curve; // 曲線動畫

  @override
  void initState() {
    super.initState();
    // duration：設(shè)置動畫時長各淀，vsync：主要作用就是放置屏幕外的動畫消耗不必要的資源阳啥，值應(yīng)該是 TickerProvider 類型
    animationCtr = AnimationController(
//      value: 30.0, // 設(shè)置初始值
//      lowerBound: 20.0, // 開始的值
//      upperBound: 100.0, // 結(jié)束的值
      duration: Duration(milliseconds: 3000),
      vsync: this
    );
    // 設(shè)置動畫效果
    curve = CurvedAnimation(parent: animationCtr, curve: Curves.bounceOut);

    // 動畫里面需要的范圍的值可以用Tween來設(shè)置，可以設(shè)置大小也可以設(shè)置顏色
//    animation = Tween(begin: 30.0, end: 100.0).animate(animationCtr);
//    animationColor = ColorTween(begin: Colors.redAccent, end: Colors.red[900]).animate(animationCtr);
    // 曲線動畫animate中傳入curve
    animation = Tween(begin: 30.0, end: 100.0).animate(curve);
    animationColor = ColorTween(begin: Colors.redAccent, end: Colors.red[900]).animate(curve);

    // 監(jiān)聽控制器控制的動畫
//    animationCtr.addListener(() {
////      print('${animationCtr.value}');
//      setState(() {
//
//      });
//    });
    // 監(jiān)聽動畫的運行狀態(tài)
    animationCtr.addStatusListener((AnimationStatus status) {
      print(status);
    });
    // 開始播放動畫
//    animationCtr.forward();
  }

  @override
  void dispose() {
    super.dispose();
    animationCtr.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: AnimationHeart(animations: [animation, animationColor], controller: animationCtr,),
    );
  }
}
// 動畫值有變化就自動重建自己的小部件
class AnimationHeart extends AnimatedWidget {
  final List animations;
  final AnimationController controller;

  AnimationHeart({this.animations, this.controller}) : super(listenable: controller);

  @override
  Widget build(BuildContext context) {
    return IconButton(
        icon: Icon(Icons.favorite),
        iconSize: animations[0].value,
        color: animations[1].value,
        onPressed: () {
          switch (controller.status) {
            case AnimationStatus.completed:
              controller.reverse();
              break;
            default:
              controller.forward();
          }
        }
    );
  }
}