class _MyHomePageState2 extends State with SingleTickerProviderStateMixin {
AnimationController _controller;
Animation _animation;
@override
void initState() {
super.initState();
_controller = AnimationController(
vsync: this, duration: Duration(milliseconds: 3000));
_controller.addListener(() {
setState(() {});
});
_animation = TweenSequence([//这是一个动画序列,weight表示权重
TweenSequenceItem(tween: Tween(begin: 50.0,end: 100.0).chain(CurveTween(curve: Curves.easeOut)),weight: 50),
TweenSequenceItem(tween: Tween(begin: 100.0,end: 150.0).chain(CurveTween(curve: Curves.easeOut)),weight: 50)
]).animate(_controller);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Center(
child: InkWell(
onTap: () {
if (_controller.isDismissed) {
_controller.forward();
} else {
_controller.reverse();
}
},
child: Container(
width: _animation.value,
height: _animation.value,
decoration: BoxDecoration(
shape: BoxShape.circle, color: Colors.blue),
),
),
),
),
);
}
@override
void dispose() {
super.dispose();
_controller.dispose();
}
}
Flutter的Animation中TweenSequence的用法
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1.关键字解析 extends:继承Class with:混入Class implements:实现Class这三...
- 在Flutter中,有如下三种关系: 继承(关键字 extends) 混入 mixins (关键字 with) 接...