Flutter 8 个优秀动画 Packages

news2024/11/20 3:23:24

Flutter 8 个优秀动画 Packages

alt

前言

动画对于使移动应用程序的用户界面感觉自然流畅至关重要。加上交互式元素和平滑的过渡,它们使应用程序简单易用。

正文

Flutter Animate 组件 Package

https://pub.dev/packages/flutter_animate

一个 performant 库,使得在 Flutter 添加几乎任何形式的动画效果都很简单。

  1. 预先建立的效果,如褪色,缩放,幻灯片,翻转,模糊,震动,微光,和颜色效果(饱和度和淡色)
  2. 简单的自定义效果和简化的动画构建器
  3. 同步动画滚动,通知,或任何东西
  4. 综合活动
alt

所有这些都是通过一个简单的、统一的 API 实现的,而不需要与 AnimationController 和 StatificWidget 混淆。

alt

Flutter Animate 是一个 库 libraries ,它使得在 Flutter 添加几乎任何类型的动画效果变得简单。该库提供了各种预先构建的产品,如渐变、缩放、幻灯片、模糊、抖动、微光和颜色效果(饱和度和淡色) ,这些都可以很容易地添加到您的应用程序中。

alt

此外,Flutter Animate 简化了创建自定义动画构建器的过程,使得动画与滚动事件、通知器或其他任何东西的同步变得容易。凭借其统一的 API 和集成的事件, Flutter 动画是理想的解决方案为您的动画的需要。

Curved Navigation Bar 组件 Package

https://pub.dev/packages/curved_navigation_bar

一个轻松实现的弧形导航条的 Flutter 软件包。新的曲线导航栏是一个惊人的除了任何移动应用程序。您可以调整它的颜色,背景和动画曲线为您想要的外观!它甚至带有可定制的动画,将完全适合你,所以不要错过这一个!

alt

Simple Animations 组件 Package

https://pub.dev/packages/simple_animations

动画是一个伟大的方式添加样式和动画到您的应用程序。通过 simple_animations,您可以立即创建自定义动画!不需要有状态的 widget 或复杂的代码ーー只需从设备中选择将被动画化的属性,然后单击“ Animate”

您不仅可以访问标准的开始/结束状态,还可以访问不同的淡入/淡出速度,具体取决于这里最适合的效果(优雅)。

alt

Simple Animations 简化了创建漂亮的自定义动画的过程:

  • 在无状态 widget 中轻松创建自定义动画
  • 一次动画多个属性
  • 在几秒钟内创建交错的动画
  • 使用 AnimationController 实例简化操作
  • 调试动画

Shimmer Animation 组件 Package

https://pub.dev/packages/shimmer_animation

这个微光动画 widget 可以帮助您带来简单而美丽的骨架加载程序到您的项目轻松。

alt

在整个开发社区中,Shimmer 被非常广泛地用作骨架加载器或占位符 widget 的默认动画。因此,有一个易于使用,但可定制的 widget 准备用于 Android,iOS,和网络给了开发人员一个优势,专注于他们的实际功能,让闪光使加载体验更加平滑。

Flutter Sequence Animation 组件 Package

https://pub.dev/packages/flutter_sequence_animation

使用这个库,您可以将任何动画与多功能和易于使用的动画结合起来。

alt

没有必要使用间隔或百分比计算。动画相同的变量与一个以上的动画!您只需要一个 AnimationController。界面直观,易于使用。

alt

特征:

  • 不需要使用间隔和计算百分比为您的总动画时间。
  • 动画相同的变量与多个动画!
  • 您只需要一个 AnimationController
  • 直观易用的界面。
alt

Animated 组件 Package

https://pub.dev/packages/animated

Animated 是为 Flutter 创建的一个非常简单(但功能强大)的隐式动画库。

Its goal is to be able to create a smooth animation between two values when an AnimatedContainer is not enough.

它的目标是当 AnimatedContainer 不够时,能够在两个值之间创建平滑的动画。

Spring 组件 Package

https://pub.dev/packages/spring

Spring Flutter 动画工具包是一个功能强大,但简单的预先构建的软件包,为开发人员谁想要建立更快的应用程序。

alt

Animated Text Kit 组件 Package

https://pub.dev/packages/animated_text_kit

这个库包含了一系列很酷很棒的文本动画。它支持旋转,淡出,打字机,打字机,缩放,彩色,文本液体填充,波浪,闪烁,和自定义动画。

结束语

如果本文对你有帮助,请转发让更多的朋友阅读。

也许这个操作只要你 3 秒钟,对我来说是一个激励,感谢。

祝你有一个美好的一天~


© 猫哥

  • 微信 ducafecat

  • https://wiki.ducafecat.tech

  • https://video.ducafecat.tech

本文由 mdnice 多平台发布

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/29255.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

springboot simple (9) springboot jpa(Hibernate)

返回目录 1 JPA Hibernate Hibernate是一个全自动的ORM框架(Object Relational Mapping ,对象关系映射)。 Spring Data JPA: 是Spring Data的子模块,JPA默认使用hibernate作为ORM实现。 2 springboot继承Hibernate 第1步&…

【Servlet】7:监听器和过滤器的原理和应用

目录 | 监听器 监听器 基本概述 ServletContextListener监听器 ServletContextAttributeListener监听器 监听器的应用场景 | 过滤器 过滤器 基本概述 过滤器 实现步骤 过滤器 应用场景 本文章属于后端全套笔记的第三部分 (更新中)【后端入门到入…

leetcode 494.目标和 动态规划背包问题 (c++版本)

题目描述 说白了就是让一部分数减去剩下的一部数使得差值为target,计算有多少中组合的方法 下面来个数学公式推导一下 leftrightsumleft−righttargetleftsum−lefttargetleft(sumtarget)/2leftright sum\\ left-righttarget\\ leftsum-lefttarget\\ left(sumtarge…

用户行为分析-如何用数据驱动增长

用户行为分析-如何用数据驱动增长 2022-11-22 看完书才知道是 GrowingIO 公司出的一本书,干货还是挺多的。 第一章从商业进化的角度认识用户行为数据的重要性,帮助大家了解什么是用户行为数据,以及用户行为数据怎么发挥价值。接着四章详细…

【操作系统】2.2 操作系统的调度

2.2.1 操作系统之处理机调度的概念及层次 2.2.1操作系统之处理机调度的概念及层次_StudyWinter的博客-CSDN博客_操作系统调度的层次 高级调度(作业调度):外存-》内存 中级调度(内存调度):外存-》内存 低…

用最少的代码模拟gRPC四种消息交换模式

我们知道,建立在HTTP2/3之上的gRPC具有四种基本的通信模式或者消息交换模式(MEP: Message Exchange Pattern),即Unary、Server Stream、Client Stream和Bidirectional Stream。本篇文章通过4个简单的实例演示它们在.NE…

HTML+CSS大作业 格林蛋糕(7个页面) 餐饮美食网页设计与实现

🎀 精彩专栏推荐👇🏻👇🏻👇🏻 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业…

编写第一个Qt程序和分析第一个Qt程序

文章目录编写第一个Qt程序新建一个项目项目的文件组成和管理项目的编译、调试与运行分析第一个Qt程序创建项目1) main.cpp2) mainwindow.h和mainwindow.cpp编码实现简易的窗口界面编写第一个Qt程序 已剪辑自: http://c.biancheng.net/view/1817.html 学习一种编程语言或编程环…

最漂亮:yWorks yFiles Diagramming SDK 5.4.0.2

yWorks yfiles Diagramming SDK 5.4.0.2 卓越的 绘图 SDK 使用 yFiles 自动布局的图表 您的数据可视化软件开发套件 yFiles是行业领先的 图表软件库。20 多年来,公司和机构一直在使用此 SDK 来 描述、编辑和分析他们的连接数据。 准备好探索自动布局和交互式图形组…

Qt-OpenCV学习笔记--人脸识别--基于Haar特征的cascade分类器

概述 基于Haar特征的cascade分类器(classifiers) 是Paul Viola和 Michael Jone在2001年,论文”Rapid Object Detection using a Boosted Cascade of Simple Features”中提出的一种有效的物品检测(object detect)方法。它是一种机器学习方法,通过许多正…

G1D21-作业-AttacKGSVMkg_book偷懒哈哈哈

唔~咖啡泡出来好好看呀! 一、写作业 第一件事是将昨天读的NER综述补充到作业之中~大概30min 50分钟,补充完了思维导图和文档,明确了下一步论文的阅读方向——NER的综述/网安NER具体技术类文章(找找最新的叭)。 二、…

2022 IDEA大会引领科技创新趋势 沈向洋团队重磅发布低空经济白皮书

11月22日,2022 IDEA大会在深圳顺利开幕。大会由深圳市科技创新委员会、深圳市人才工作局和深圳市福田区人民政府指导,粤港澳大湾区数字经济研究院(International Digital Economy Academy,简称“IDEA研究院”)主办。 …

leetcode 216. 组合总和 III

文章目录题目思考代码和注释总结题目 找出所有相加之和为 n 的 k 个数的组合,且满足下列条件: 只使用数字1到9 每个数字 最多使用一次 返回 所有可能的有效组合的列表 。该列表不能包含相同的组合两次,组合可以以任何顺序返回。 来源&…

【图像分类】Efficientnet的学习

文章目录1. Efficientnet的学习1.1 网络模型1.2 MBConv卷积块1.3 模型规模1.4 模型训练方式2. Efficientnet-pytorch代码3.参考1. Efficientnet的学习 论文:https://arxiv.org/abs/1905.11946 1.1 网络模型 主要结构: 基线模型EfficientNet-B0Effici…

ImmunoChemistry艾美捷Annexin DNA损伤ELISA试剂盒方案

使用ImmunoChemistry艾美捷DNA损伤(8-OHdG)ELISA试剂盒定量尿液、细胞培养物、血浆和其他样品基质中的8-OHdG。该试剂盒提供了快速的培养时间、稳定的试剂和用户友好的方案。使用吸光度板读取器分析结果。 8-羟基-2-脱氧鸟苷(8-OHdG&#xff…

开放式激光振镜运动控制器:C++ 快速调用图形库应用

今天,正运动小助手给大家分享一下开放式激光振镜运动控制器:C快速调用图形库应用,本文以二维码打标、文本打标、矢量图形打标为例,解决用户在激光打标时需要进行各种复杂的操作和函数库调用时容易出现的错误问题。 01 ZMC408SCAN…

牛客网语法篇练习复合类型(一)

1.试计算在区间1 到n 的所有整数中,数字x(0 ≤ x ≤ 9)共出现了多少次? 例如,在1到11 中,即在1、2、3、4、5、6、7、8、9、10、11 中,数字1 出现了4 次。 n,x list(map(int,input().split())) …

CSS的两种渐变

线性渐变和径向渐变 几个常见的例子效果 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><style>.a{font-size: 20px;width: 100%;height: 50px;margin: 10px;background-image: linear-gradient(r…

应急监管双重预防机制数字化管理解决方案

新《安全生产法》&#xff0c;将组织建立并落实双重预防工作机制写入生产经营单位主要负责人职责中&#xff0c;双重预防机制建设已上升到法律的高度。2021 年 12 月 31 日国务院安委会印发《全国危险化学品安全风险集中治理方案》&#xff0c;将推进基于信息化的危险化学品企业…

大二Web课程设计——海贼王中乔巴专题漫画(可以很好的应付老师的作业)HTML+CSS

HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置&#xff0c;有div的样式格局&#xff0c;这个实例比较全面&#xff0c;有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 精彩专栏推荐&#x1f4…