更改用戶控件的動畫

Question

我有一個簡單的自定義窗口（下面的XAML）。 第一次加載時，它會將用戶控件添加到grdContainer.Children集合中。 用戶選擇/操作將導致其他用戶控件添加/刪除到子集合。 （一次加載一個）。我試圖做的是在新控件加載時提供一個簡單的動畫，就像從左上角到右下角的45度滑動一樣。

如果任何人都可以指出我正確的方向，我將不勝感激。

<Window 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
x:Class="WinClientFolder" 
x:Name="WinClientFolder" 
Title="MainWindow" 
Width="450" Height="300" AllowsTransparency="True" WindowStyle="None" ResizeMode="CanResizeWithGrip"> 
<Window.Background> 
    <SolidColorBrush /> 
</Window.Background> 
<Grid x:Name="LayoutRoot"> 
    <Border BorderBrush="Black" BorderThickness="2,2,2,0" Margin="18,13,0,0" CornerRadius="10,10,0,0" Background="#FFCCC523" Height="32" VerticalAlignment="Top" HorizontalAlignment="Left" Width="179" Name="FolderTab"> 
     <Grid Height="25" HorizontalAlignment="Left" Name="grdFolderTop" VerticalAlignment="Top" Width="175"> 
      <TextBlock x:Name="txtClientName" Height="34" TextWrapping="NoWrap" Width="Auto" FontSize="18" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5,0,0,0"><Run Text="Doe, John Family " /><LineBreak /><Run /></TextBlock> 
     </Grid> 

    </Border> 
    <Border BorderBrush="Black" BorderThickness="2,1,6,2" Margin="0,45,0,0" Background="#FFCCC523" CornerRadius="10,10,0,0" Grid.ColumnSpan="2" Name="FolderBody"> 
     <Grid Height="Auto" Name="grdContainer" Width="Auto" /> 
    </Border> 
</Grid> 

Answer 1

我this post問一個有些類似的問題。我強烈推薦這個Transitionals框架。它使用簡單，看起來很棒。