动画以更改用户控件 [英] Animation to change user controls

问题描述

我有一个简单的自定义窗口（下面的XAML）。
首次加载时，它将向grdContainer.Children集合添加一个用户控件。
用户的选择/操作将导致其他用户控件被添加/删除到children集合中。 （一次加载一个）。我想做的是在加载新控件时提供一个简单的动画，类似于从左上角到右下角45度滑动。

I have a simple custom window (XAML below). When first loaded, it will add a user control to the grdContainer.Children collection. User selection/action will cause other user controls to added/removed to the children collection. (one loaded at a time). What I am attempting to do is provide a simple animation as the new control is loaded, something like a 45degree swipe from top left to bottom right.

如果有人可以指向我

<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>

推荐答案

我在此帖子。我强烈推荐这个 Transitionals 框架。它简单易用，看起来很棒。

I asked a somewhat similar question in this post. I can highly recommend this Transitionals framework. It's simple to use and looks great.

这篇关于动画以更改用户控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！