c# - WinRT Smooth Grid.Column 变化动画

Question

我正在使用以下代码将 ListView 位置从一列更改为另一列：

<Grid.Resources>
  <Storyboard x:Name="myStoryboard">
    <FadeOutThemeAnimation TargetName="detailItems" />
    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="detailItems2"
                                   Storyboard.TargetProperty="(Grid.Column)">
      <DiscreteObjectKeyFrame KeyTime="0"
                              Value="1" />
    </ObjectAnimationUsingKeyFrames>
  </Storyboard>
</Grid.Resources>

这行得通，但是，没有动画，它只是改变了列。我希望它有一种翻译动画。

谢谢！

Answer 1

仅通过更改 (Grid.Column) 无法做到这一点

您可以做的是为 RenderTransform 属性设置动画（使用 TranslateTransform 作为其实例）。

使用各种关键帧为 TranslateTransform 设置动画，完成此动画后，将 TranslateTransform 重置为 0 并更改 Grid.Column。