动画设置
本节描述了如何自定义 Animation
播放。
缓动函数(Easing Functions)
Easing
函数描述了动画属性在动画时间内从起始值到 结束值的变化速度。Avalonia.Animation.Easings
包含以下缓动函数:
默认 |
---|
LinearEasing |
Ease-In | Ease-Out | Ease-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 |
此外,您可以通过继承 Easing
或通过向 SplineEasing
或 SpringEasing
提供参数来提供自己的缓动函数。
填充模式(FillModes)
Animation
的 FillMode
属性定义了动画完成后以及在运行之间的延迟期间动画属性的持久化方式。
下表描述了支持的行为:
值 | 描述 |
---|---|
None | 动画完成后值不会持久化,动画延迟时不会应用第一个值。 |
Forward | 最后插值的值将持久化到目标属性。 |
Backward | 动画延迟时将显示第一个插值的值。 |
Both | 将应用 Forward 和 Backward 行为。 |
播放方向(PlaybackDirection)
PlaybackDirection
定义了 Animation
的播放方式。下表描述了可能的设置:
值 | 描述 |
---|---|
Normal | 动画正常播放。 |
Reverse | 动画反向播放。 |
Alternate | 动画先正向播放,然后反向播放。 |
AlternateReverse | 动画先反向播放,然后正向播放。 |
重复(IterationCount)
Animation
元素上的 IterationCount
设置动画要重播的次数。此设置有两种格式:
值 | 描述 |
---|---|
N | (N 是一个整数) - 播放 N 次, N 可以为零。 |
Infinite | 永远重复 |