跳到主要内容
版本:11.0.0

动画设置

This section contains full lists of the Avalonia UI animation settings: 本节包含 Avalonia UI 动画设置的完整列表:

  • 缓动函数(Easing Functions)
  • 填充模式(FillMode)
  • 播放方向(PlaybackDirection)
  • 重复(IterationCount)

缓动函数(Easing Functions)

Default
LinearEasing
Ease-InEase-OutEase-In-Out
SineEaseIn
SineEaseOut
SineEaseInOut
QuadraticEaseIn
QuadraticEaseOut
QuadraticEaseInOut
CubicEaseIn
CubicEaseOut
CubicEaseInOut
QuarticEaseIn
QuarticEaseOut
QuarticEaseInOut
QuinticEaseIn
QuinticEaseOut
QuinticEaseInOut
ExponentialEaseIn
ExponentialEaseOut
ExponentialEaseInOut
CircularEaseIn
CircularEaseOut
CircularEaseInOut
BackEaseIn
BackEaseOut
BackEaseInInOut
ElasticEaseIn
ElasticEaseOut
ElasticEaseInOut
BounceEaseIn
BounceEaseOut
BounceEaseInOut

填充模式(FillMode)

动画的填充模式属性定义了动画运行后设置属性在延迟运行之间的持续方式。

以下表格描述了可能的行为:

描述
None在动画后值不会持续,也不会在延迟时应用第一个值。
Forward最后一个插值值将持续到目标属性。
Backward第一个插值值将在动画延迟时显示。
Both同时应用 ForwardBackward 行为。

播放方向(PlaybackDirection)

播放方向定义了动画的播放方式,包括任何重复。以下表格描述了可能的设置:

ValueDescription
Normal动画以正常方式播放。
Reverse动画以反向方向播放。
Alternate动画先正向播放,然后反向播放。
AlternateReverse动画先反向播放,然后正向播放。

重复(IterationCount)

动画元素上的重复属性设置了动画的重复次数。有两种格式的设置方式:

描述
NN 是整数——重复 N 次。N 可以是零。
Infinite无限重复。