跳到主要内容

玩转动画

· 阅读需 3 分钟
Feodor Fitsner
Flet创始人兼开发者

尽管Flet的动画支持发布已有一段时间,但我们刚刚完成了其新功能的文档编写!我们都知道,如果功能没有文档记录,就等于不存在!😉

Flutter提供了多种方法来创建动画,例如“隐式”、“显式”、“补间”、“分段”、“预设”动画以及显示在Rive和Lottie编辑器中准备的动画场景。

我们将从“隐式动画”开始,它允许您通过设置目标值来实现对控件属性的动画效果;每当目标值发生变化时,控件会将属性从旧值动画过渡到新值。

演示时间

查看演示源码。顺便提一下,演示托管在Heroku上,您可以将其用作自己部署的起点。

隐式动画

以下控件属性可以启用隐式动画:

此外,所有Container控件属性现在都可以动画化,并且新增了AnimatedSwitcher控件,用于在旧内容和新内容之间进行动画过渡。

其他新功能

Markdown控件

允许以Markdown格式渲染文本。支持多种扩展:CommonMarkGitHub WebGitHub Flavored

查看更多信息和示例,请参阅Markdown控件文档

URL 启动器

page.launch_url(url)方法允许以编程方式在新浏览器窗口中打开URL,例如:

page.launch_url("https://google.com")

它还可以与Markdown控件很好地配合使用,在markdown文档中打开链接。

键盘快捷键

Page现在包含on_keyboard_event事件处理程序,可全局拦截所有按键。

查看这个简单的使用示例

无障碍改进

我们在文档中增加了无障碍部分,涵盖了屏幕阅读器的语义支持。

ShaderMark控件

一个将着色器生成的遮罩应用于其内容的控件。允许制作出像逐渐淡出图像到下边缘的漂亮效果。

就是这些了!

试试Flet,并告诉我们您的想法!