跳到主要内容
版本:11.0.0

动画

Avalonia UI 中有两种类型的动画:

  • 关键帧动画:可以在时间轴上的关键帧处改变一个或多个属性的值。关键帧在时间轴上的关键点上定义。在关键帧之间使用缓动函数(默认情况下是直线插值)调整正在更改的属性。关键帧动画是一种非常灵活的动画类型。
  • 过渡动画:可以改变一个单一属性的值。

关键帧动画

最简单的关键帧动画将在指定的持续时间内通过在开始时(持续时间的0%)和结束时(持续时间的100%)定义两个关键帧来更改一个属性的值。

然后,属性值在关键帧之间随时间改变,使用由缓动函数定义的配置文件。默认的缓动函数也是最简单的 - 在两个关键帧之间进行直线插值。

信息

您可以在参考文档中查看所有缓动函数的完整范围,地址.

触发动画

在XAML中定义的 Avalonia UI 动画依赖于选择器来触发其行为。选择器总是可以应用于一个控件,或者它们可以有条件地应用(例如,控件已经应用了样式类)。

如果选择器不是有条件的,那么当匹配的 Control 添加到可视树时,动画将被触发。否则,动画将在其选择器被激活时运行。当选择器不再匹配时,当前正在运行的动画将被取消。

其他动画设置

  • 延迟 - Delay
  • 重复次数 - Repeat
  • 播放方向 - Playback Direction
  • 值填充模式 - Value Fill Mode
  • 缓动函数 - Easing Function