Fultter中的Tween

Tween生成的值可以是不同类型的，可以是数字，或者颜色

_animation=   Tween(begin:32.0,end: 100.0).animate(_animationController);
_animationColor=ColorTween(begin: Colors.red[100],end: Colors.red[900]).animate(_animationController);

在Tween的基础上实现了不同类型的估值器，如下所示：

ReverseTween
ColorTween
SizeTween
RectTween
IntTween
StepTween
ConstantTween

示例

import 'package:flutter/material.dart';

class AnimateDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return AnimateDemoHome();
  }
}

class AnimateDemoHome extends StatefulWidget {
  @override
  _AnimateDemoHomeState createState() => _AnimateDemoHomeState();
}

class _AnimateDemoHomeState extends State<AnimateDemoHome>
    with TickerProviderStateMixin {
  //定义动画控制器变量类型
  AnimationController _animationController;

  Animation _animation;
  Animation _animationColor;
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    //创建动画控制器
    _animationController = AnimationController(

      duration: Duration(milliseconds: 1000),
      vsync: this,
    );
    //创建Tween设置动画运动的值,会返回一个Animation，通过这个变量可以控制动画
    _animation=   Tween(begin:200.0,end:400.0).animate(_animationController);
    //生成颜色
    _animationColor=ColorTween(begin: Colors.red[100],end: Colors.red[900]).animate(_animationController);
    //监听控制器的动画
    _animationController.addListener(() {
      //这里的值取决于设置的动画值
      setState(() {});
    });

    //监听动画的状态
    _animationController.addStatusListener((AnimationStatus status) {
      print(status);
    });
    _animationController.forward();
  }

  @override
  void dispose() {
    // TODO: implement dispose
    //销毁动画
    _animationController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Animate案例'),
      ),
      body: Center(
        child: Container(
          width: _animation.value,
          height: _animation.value,
          color: _animationColor.value,
        ),
      ),
    );
  }
}