為網格設置動畫以移動或滑動到右邊的WPF

Question

我有一個包含元素的網格。 我想移動所有這些元素，所以不可能只將網格一起移動嗎？ 這對我所看到的沒有任何影響，我甚至嘗試過ScaleX等等。

<Grid x:Name="HancockDetails" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Grid.Column="1" RenderTransformOrigin="0.5,0.5">                       
   <Rectangle HorizontalAlignment="Left" Height="100" Stroke="Black" VerticalAlignment="Top" Width="100"/>
    <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Foreground="#FFF30000"/>               
            </Grid>
          </Grid>
      </s:ScatterViewItem>

我的功能：

Storyboard sb = new Storyboard();

DoubleAnimation slide = new DoubleAnimation();
slide.To = 3000.0;
slide.From = 0;
slide.Duration = new Duration(TimeSpan.FromMilliseconds(40.0));

// Set the target of the animation
Storyboard.SetTarget(slide,HancockDetails);
Storyboard.SetTargetProperty(slide, new PropertyPath("RenderTransform.(ScaleTransform.ScaleY)"));

// Kick the animation off
sb.Children.Add(slide);
sb.Begin();

Answer 1

您需要先在標記中添加RenderTransform ，否則運行時無法找到它：

<Grid x:Name="HancockDetails" ...>  
    <Grid.RenderTransform>
        <TranslateTransform />
    </Grid.RenderTransform>
</Grid>

我假設您要使用TranslateTransform ，而不是ScaleTransform ，因為目標是將網格滑過，而不是調整大小？

Storyboard.SetTargetProperty(slide, 
    new PropertyPath("RenderTransform.(TranslateTransform.X)"));

Answer 2

而不是試圖手工創建故事板，這是更容易使用Expression Blend 。 它是一個免費的設計工具，與Visual Studio相得益彰 。 您正在解釋的故事板將需要30秒才能完成，並且沒有代碼。 然后當你想要它運行時它就是StoryBoardName.Begin()

為了方便嗎？ 這是一種資源。 http://msdn.microsoft.com/en-us/expression/cc197141.aspx