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。