Flutter---动画概述、类型

205 阅读1分钟

#实现方式

  • Tween动画 缩放、旋转、平移、透明度、淡入淡出等

  • AnimatedBuilder Animated的建造者类, 可以把需要添加动画组件传进去, 然后借助它实现一些动画效果

  • AnimatedContainer 在Container的基础上,加了一些动画效果, 让Container中的组件等,也可以实现动画;

  • Hero动画 一种共享动画的形式, 通过它,我们可以在不同的界面中,共享 共享元素的内容, 这样当 一个界面 跳到 另外一个界面 的时候, 这些共享元素 就可以实现 一些无缝对接的动画效果;

  • Flare动画 通过加载Flare文件、引入Flare相关库,轻松实现一些动画效果;


#Flutter动画主要API架构图解 Flutter中有非常多的关于动画的API, 这里主要是一些主要的: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7cc377986af3446bbebbc1745eb58654~tplv-k3u1fbpfcp-zoom-1.image) - Animation是一个抽象类,实现了Animatable接口;
  • Animation外下派生出很多子类;

  • 最右边的-Mixin-ListenerMixin是类似于多继承的动画类, 糅合了多种-Animation类的一系列监听类【顾名思义!】;

  • TweenTweenSequence实现了Animatable接口;

  • TweenSequence是对Tween做了一些封装; 通过TweenSequence就可以间接地操作Tween

  • TweenAnimation比较核心;






--- 参考自[CSDN的Flutter入门课程](https://edu.csdn.net/mycollege)