Flutter | 动画概述、类型

本文深入讲解Flutter中的动画实现方式,包括Tween、AnimatedBuilder、AnimatedContainer、Hero及Flare动画等。探讨Animation、Tween、TweenSequence等核心API,及Flutter动画架构,适合Flutter开发者进阶学习。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

实现方式

  • Tween动画
    缩放、旋转、平移、透明度、淡入淡出等

  • AnimatedBuilder
    Animated的建造者类,
    可以把需要添加动画组件传进去,
    然后借助它实现一些动画效果

  • AnimatedContainer
    在Container的基础上,加了一些动画效果,
    让Container中的组件等,也可以实现动画;

  • Hero动画
    一种共享动画的形式,
    通过它,我们可以在不同的界面中,共享 共享元素的内容,
    这样当 一个界面 跳到 另外一个界面 的时候,
    这些共享元素 就可以实现 一些无缝对接的动画效果;

  • Flare动画
    通过加载Flare文件、引入Flare相关库,轻松实现一些动画效果;


Flutter动画主要API架构图解

Flutter中有非常多的关于动画的API,
这里主要是一些主要的:


  • Animation是一个抽象类,实现了Animatable接口;

  • Animation外下派生出很多子类;

  • 最右边的-Mixin-ListenerMixin是类似于多继承的动画类,
    糅合了多种-Animation类的一系列监听类【顾名思义!】;

  • TweenTweenSequence实现了Animatable接口;

  • TweenSequence是对Tween做了一些封装;
    通过TweenSequence就可以间接地操作Tween

  • TweenAnimation比较核心;








参考自优快云的Flutter入门课程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

凌川江雪

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

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

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

打赏作者

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

抵扣说明:

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

余额充值