animations - 快速做出高大上动画的Flutter插件

前言

我们介绍动画相关的篇章也不少了,如何快速搞定高大上的动画效果?本篇来介绍Flutter官方提供的动画插件 animations。animations目前在Github上收获了超过1500个star,pub上也有3289个like99%的流行度。作为官方插件,评分必须是满分130分。

animations能做什么

animations提供的是motion transition的动效,其实是Material Design的动效的一部分,animations提供了如下动效:

  • Container Transform:这种动效适用于一个元素在另一个容器中时的转场情况,将两个页面的元素联系使得转场更为平滑,有点类似Hero动画。下面是实现的一些效果的动图。

容器变换动画

  • Shared Axis:翻译过来是共享轴,适用于UI元素之间有空间或引导联系的场景,通过在x,y或z轴的转换,实现界面之间的联系来进行动画过渡。下面是实现的一些效果动图。

猜你喜欢

转载自blog.csdn.net/shuijian00/article/details/125323826