在Flutter动画初探一文中简单的讲解了AnimatedWidget等动画组件的使用,本篇继续对Flutter的动画组件进行讲解。本篇的主句是PositionedTransition这个动画。先来个高清有码的图来看看PositionedTransition是个什么玩意。
先来看看PositionedTranstiton在Flutter动画家族的位置:
从上图我们可以得到如下几条信息:
1)PositionedTransition是AnimatedWidget的子类,跟AnimatedBuilder一样。主要是为了在使用动画的过程中减少不必要的Widget对象的创建工作,提高效率。
2)该类持有了一个Animation<RelativeRect>
的引用rect
3)在build构建widget的时候使用了动画rect.value,在这里这个value就是Relativ
Flutter 动画系列之PositionedTransition
最新推荐文章于 2024-08-16 08:39:56 发布
本文深入探讨Flutter的PositionedTransition动画组件,它是AnimatedWidget的子类,用于优化性能。PositionedTransition通过RelativeRect改变Widget的相对位置,实现动画效果。文中通过示例代码解释如何使用PositionedTransition创建放大缩小动画,并强调它必须作为Stack的child。
摘要由CSDN通过智能技术生成