Flutter动画系列之AnimatedWidget

本篇算是一篇学习笔记,主要对《Flutter实战》这本书上关于动画的章节做了一个简单的梳理,并且对上面的demo也做了统一整理,本篇博文的demo源码可以点击此处下载.运行页面如下:
在这里插入图片描述
这个demo程序列举了Tween,ColorTween,ReverseTween,AnimatedWidget等有关动画的的基础应用。动画效果读者可以下载源码运行。


本篇就以上述demo中Tween的动画为例来分析下Flutter的相关知识。该例子实现了一张图片的从小到大然后再从大到小的循环缩放。先来看看运行效果(效果图的源码本篇博文最后提供):
在这里插入图片描述
核心代码如下:
在这里插入图片描述
如上图所示为了实现图片循环缩放的效果需要如下三个对象:

1、一个动画对象Animation
2、一个Tween对象,该对象用来控制图片变化的值,比如本例中让

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

郭梧悠

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

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

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

打赏作者

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

抵扣说明:

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

余额充值