UWP 中如何设置边距动画？

Question

我正在尝试使用

    <animations:AnimationCollection x:Name="UnHoverCollection">
      <animations:Vector2Animation To="10,10" Target="Margin" />
    </animations:AnimationCollection>

和这个动画

    <animations:AnimationCollection x:Name="UnHoverCollection">
      <animations:Vector4Animation To="10,10,10,10" Target="Margin" />
    </animations:AnimationCollection>

并处理下一个错误

"The specified property was not found or cannot be animated. Context: Margin Expression: Margin Start Position: 0, End Position: 6"

这个动画怎么做的？

Answer 1

如果你想移动对象，动画边距不是一个好主意。这些动画类型主要是根据X、Y坐标进行操作。我建议您可以使用 TranslationAnimation 或 OffsetAnimations。可以参考这个document移动对象

UWP 中如何设置边距动画？

How animate margin in UWP?

animation

xaml

uwp

uwp-xaml

windows-community-toolkit