专栏首页李蔚蓬的专栏Flutter | 动画概述、类型

Flutter | 动画概述、类型

实现方式

  • 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比较核心;

参考自CSDN的Flutter入门课程

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android动画基础详析 | 属性动画基础及ValueAnimator

    在上篇博客Android动画基础详析 | 概述、逐帧动画、视图动画(附诸多实际运行效果动图)的基础上我们新建一个property包和一个PropertyActi...

    凌川江雪
  • Android开发艺术笔记 | View的滑动(三种普遍实现方式及其对比、实战)

    View提供了专门的方法来实现滑动, 即scrollTo()和scrollBy(),这两个方法的实现如下:

    凌川江雪
  • Tip | 蛇形矩阵

    凌川江雪
  • JavaScript是如何工作的: CSS 和 JS 动画底层原理及如何优化它们的性能

    你肯定知道,动画在创建引人注目的 Web 应用程序中扮演着重要的角色。随着用户越来越多地将注意力转移到用户体验上,商户开始意识到完美、愉快的用户体验的重要性,结...

    Javanx
  • CSS3动画详解

    CSS animations 使得可以将从一个CSS样式配置转换到另一个CSS样式配置。动画包括两个部分:描述动画的样式规则和用于指定动画开始、结束以及中间点样...

    刘亦枫
  • 【iOS开发】iOS 动画详解

    在移动开发中,为了提高用户体验,会用到一些动画来提高应用的视觉效果。让人有眼前一亮的感觉。同时有动画的过渡过程,会让应用看起来不是那么的生硬,更吸引用户。

    吴老师
  • 属性动画 ValueAnimator 运行原理全解析

    好,废话不多说,之前我们已经分析过 View 动画 Animation 运行原理解析,那么这次就来学习下属性动画的运行原理。

    请叫我大苏
  • View.animate()动画ViewPropertyAnimator原理解析

    这次想来讲讲 View.animate(),这是一种超好用的动画实现方式,用这种方式来实现常用的动画效果非常方便,但在某些场景下会有一个坑,所以这次就来梳理一下...

    请叫我大苏
  • Web高性能动画及渲染原理(1)CSS动画和JS动画

    Web动画的本质是元素状态改变造成的样式变更,CSS动画和JS动画的区别并不是由语言来决定的,而是由两者的特点和适用场景来判断的。CSS动画简洁高效,提升交互体...

    大史不说话
  • 相册的逆袭:Qzone5.5动画诞生记 - 腾讯ISUX

    腾讯ISUX

扫码关注云+社区

领取腾讯云代金券