ユーザーコントロールを変更するアニメーション

Question

私は単純なカスタムウィンドウ（以下のXAML）を持っています。 最初にロードされると、ユーザーコントロールがgrdContainer.Childrenコレクションに追加されます。 ユーザーの選択/操作により、他のユーザーコントロールが子コレクションに追加/削除されます。 （一度に1つずつ読み込まれます）。私がしようとしているのは、左上から右下に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フレームワークを強くお勧めします。それは使いやすくシンプルです。