Анимация для изменения пользовательских элементов управления

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

Я задал несколько похожий вопрос в этом посте .Я очень рекомендую этот Transitionals framework.Он прост в использовании и выглядит великолепно.