Flutter-PositionedTransition位置变化动画

Posted 2023-03-19

参考技术A 1） PositionedTransition 是AnimatedWidget的子类，跟AnimatedBuilder一样。主要是为了在使用动画的过程中减少不必要的Widget对象的创建工作，提高效率。
2）该类持有了一个Animation<RelativeRect>的引用rect
3）在build构建widget的时候使用了动画rect.value，在这里这个value就是RelativeRect对象。

那么这个RelativeRect对象是什么呢？在回答这个问题之前先来看看官方文档给的例子，通过这个视频可以看出PositionedTranstion是用来干嘛的。

width="560" height="315" src=" https://flutter.github.io/assets-for-api-docs/assets/widgets/positioned_transition.mp4 " allowfullscreen="">
显而易见，PositionedTranstion通过一个特定的动画Animation<RelativeRect>将Widget的位置从动画的生命周期的起始位置移到结束位置。而这个位置信息就是RelativeRect来表示，Relative相对的意思，相对谁？相对于某个Widget，而不是相对于坐标原点。 RelativeRect 有四个属性：

所以如果我们想让一个widget的位置（上下左右）距离RelativeRect都是100的话，就要这么写：