玩转动画
· 阅读需 3 分钟
尽管Flet的动画支持发布已有一段时间,但我们刚刚完成了其新功能的文档编写!我们都知道,如果功能没有文档记录,就等于不存在!😉
Flutter提供了多种方法来创建动画,例如“隐式”、“显式”、“补间”、“分段”、“预设”动画以及显示在Rive和Lottie编辑器中准备的动画场景。
我们将从“隐式动画”开始,它允许您通过设置目标值来实现对控件属性的动画效果;每当目标值发生变化时,控件会将属性从旧值动画过渡到新值。
演示时间
查看演示源码。顺便提一下,演示托管在Heroku上,您可以将其用作自己部署的起点。
隐式动画
以下控件属性可以启用隐式动画:
此外,所有Container
控件属性现在都可以动画化,并且新增了AnimatedSwitcher
控件,用于在旧内容和新内容之间进行动画过渡。
其他新功能
Markdown
控件
允许以Markdown格式渲染文本。支持多种扩展:CommonMark
、GitHub Web
和GitHub Flavored
。
查看更多信息和示例,请参阅Markdown
控件文档。
URL 启动器
page.launch_url(url)
方法允许以编程方式在新浏览器窗口中打开URL,例如:
page.launch_url("https://google.com")
它还可以与Markdown
控件很好地配合使用,在markdown文档中打开链接。
键盘快捷键
Page
现在包含on_keyboard_event
事件处理程序,可全局拦截所有按键。
查看这个简单的使用示例。
无障碍改进
我们在文档中增加了无障碍部分,涵盖了屏幕阅读器的语义支持。
ShaderMark
控件
一个将着色器生成的遮罩应用于其内容的控件。允许制作出像逐渐淡出图像到下边缘的漂亮效果。
就是这些了!