Flutter 动画系列之PositionedTransition

本文深入探讨Flutter的PositionedTransition动画组件,它是AnimatedWidget的子类,用于优化性能。PositionedTransition通过RelativeRect改变Widget的相对位置,实现动画效果。文中通过示例代码解释如何使用PositionedTransition创建放大缩小动画,并强调它必须作为Stack的child。
摘要由CSDN通过智能技术生成

Flutter动画初探一文中简单的讲解了AnimatedWidget等动画组件的使用,本篇继续对Flutter的动画组件进行讲解。本篇的主句是PositionedTransition这个动画。先来个高清有码的图来看看PositionedTransition是个什么玩意。
先来看看PositionedTranstiton在Flutter动画家族的位置:
在这里插入图片描述
在这里插入图片描述
从上图我们可以得到如下几条信息:
1)PositionedTransition是AnimatedWidget的子类,跟AnimatedBuilder一样。主要是为了在使用动画的过程中减少不必要的Widget对象的创建工作,提高效率。
2)该类持有了一个Animation<RelativeRect>的引用rect
3)在build构建widget的时候使用了动画rect.value,在这里这个value就是Relativ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

郭梧悠

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值