WinRT Smooth Grid.Column更改动画

时间:2013-04-17 21:29:49

标签: c# xaml animation windows-store-apps winrt-xaml

我正在使用以下代码将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>

这有效,但是,没有动画,它只是更改列。我希望它有一种翻译动画。

谢谢!

1 个答案:

答案 0 :(得分:3)

只需更改(Grid.Column)

即可完成此操作

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

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