Flutter AnimatedOpacity使用

什么场景下使用:

有些时候,需要让一个widget淡入或者淡出效果。还有些时候,需要几个控件一个被选择,另几个没有别选择的动画效果,可以使用AnimatedOpacity

怎么使用呢

  1. 像其他布局一样包裹就行,使用child
  2. 还有设置时长duration,const Duration(seconds:1)
  3. 可以设置opacity,可以通过setState()状态来改变,这个一个数字,范围为0–1,0意味着invisible不显示,1意味着visible完全显示。
  4. 还可以设置curve(不透明度随时间变化的速率 ):Curves.linear 和Curves.elasticOut

实际代码

FadeTransition与AnimatedOpacity的区别

都可以使用动画的不透明度,
FadeTransition是自定义的,可以通过control来控制。
而AnimatedOpacity是个内置的动画,不需要管理那么多,就简单使用效果。
总结,简单动画使用AnimatedOpacity,复杂动画使用FadeTransition。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐