跳到主要内容

动画乐趣

· 阅读需 4 分钟
Feodor Fitsner
Feodor Fitsner
Flet 创始人和开发者

尽管 Flet 的发布版本早就推出了动画支持，但我们刚刚完成了对其新功能的文件化！我们都知道，如果功能没有被文档化，那就等于不存在！😉

Flutter 提供了多种方法来创建动画，例如“隐式动画”、“显式动画”、“补间动画”、“分阶段动画”、“预置动画”，还能显示在 Rive 和 Lottie 编辑器中预制的动画场景。

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

演示时间​

探索演示源码。顺便提一下，演示是托管在 Heroku 上的，所以您可以将其用作自己部署的起点。

隐式动画​

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

此外，现在可以对全部 Container 控件属性 进行动画处理，并且添加了一个新的 AnimatedSwitcher 控件，用于在旧内容和新内容之间进行动画过渡。

其他新功能​

Markdown 控件​

允许以 Markdown 格式呈现文本。支持各种扩展：CommonMark、GitHub Web 和 GitHub Flavored。

请查看 Markdown 控件文档 以获取更多信息和示例。

URL Launcher​

page.launch_url(url) 方法允许以编程方式在新浏览器窗口中打开链接，例如：

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

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

快捷键​

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

请查看此 简单使用示例。

辅助功能改进​

我们在文档中添加了 辅助功能 部分，涵盖了屏幕阅读器的语义支持。

ShaderMark 控件​

一个应用Shader生成的遮罩到其内容上的控件。可以创建出漂亮的效果，例如 逐渐淡出图像。

就是这些了！

希望你喜欢使用 Flet！如果你有任何问题，请随时在我们的 Discord 服务器上联系我们。