Flutter AnimatedOpacity使用
Flutter AnimatedOpacity使用什么场景下使用:有些时候,需要让一个widget淡入或者淡出效果。还有些时候,需要几个控件一个被选择,另几个没有别选择的动画效果,可以使用AnimatedOpacity怎么使用呢像其他布局一样包裹就行,使用child还有设置时长duration,const Duration(seconds:1)可以设置opacity,可以通过setS...
·
Flutter AnimatedOpacity使用
什么场景下使用:
有些时候,需要让一个widget淡入或者淡出效果。还有些时候,需要几个控件一个被选择,另几个没有别选择的动画效果,可以使用AnimatedOpacity
怎么使用呢
- 像其他布局一样包裹就行,使用child
- 还有设置时长duration,const Duration(seconds:1)
- 可以设置opacity,可以通过setState()状态来改变,这个一个数字,范围为0–1,0意味着invisible不显示,1意味着visible完全显示。
- 还可以设置curve(不透明度随时间变化的速率 ):Curves.linear 和Curves.elasticOut
实际代码
FadeTransition与AnimatedOpacity的区别
都可以使用动画的不透明度,
FadeTransition是自定义的,可以通过control来控制。
而AnimatedOpacity是个内置的动画,不需要管理那么多,就简单使用效果。
总结,简单动画使用AnimatedOpacity,复杂动画使用FadeTransition。
更多推荐



所有评论(0)