WPF - 动画用户控件

Question

你好

我目前正在 WPF 中制作一个应用程序，因为我对 WPF 还很陌生，我遇到了一些困难。我用谷歌搜索了我的问题，但没有取得很大的成功。这是当前的情况，主窗口的 XAML 如下:

<Grid Height="279" HorizontalAlignment="Left" Margin="166,0,0,0" Name="gridScoreboard" VerticalAlignment="Top" Width="808">
    <!--Scoreboard Image-->
    <Image Source="pack://application:,,,/Images/Style/Scoreboard.png" Width="517" Height="91" HorizontalAlignment="Left" Margin="138,1,0,0" Name="image1" Stretch="Fill" VerticalAlignment="Top" />

    <Canvas Name="canvasRacePlayer1" Width="14" Height="14" Canvas.Left="33" Canvas.Top="66" Background="Transparent" MouseLeftButtonDown="canvasRacePlayer1_MouseLeftButtonDown" Margin="171,70,623,195" />
    <local:ucRaces HorizontalAlignment="Center" Margin="93,62,632,187" Width="78" Visibility="Hidden" x:Name="ucRacesP1" Height="33" />
</Grid>

用户控件从一开始就被隐藏 (ucRaces)，一旦点击小 Canvas (canvasRacePLAyer1)，用户控件就会显示出来。但是，我希望此用户控件从某个点从右向左“滑动”。仿佛它会在小步骤中变得可见。我已经找到了有关矩形和按钮动画的信息，但对于用户控件却没有真正的成功。

先感谢您

Answer 1

如果您要为 WPF 项目创建动画，我建议您使用 Expression Blend。您可以使用 EB 设计您的程序并使用 Visual Studio 实现它的功能。很难制作动画、编写 XAML 语法或 C# 代码。

您将如何使用 EB 为您的用户控件设置动画？嗯，其实很简单。您需要先打开现有的 WPF 项目。然后，转到 File -> New Item -> User Control，并创建用户控件。然后，如果要将其添加到您的项目中，请切换回当前在 EB 中打开的 WPF 项目，然后单击位于屏幕左侧的工具栏上的向右箭头 (>>) 并转到 Project -> [您的用户控制在这里]。现在您已将其添加到您的项目中。

如果要为用户控件设置动画，则必须向时间线添加 StoryBoard。当您在 EB 中处理 WPF 项目时，在对象和时间轴下，单击加号 (+) 并添加新的 StoryBoard。现在，您有一个时间轴，您需要使用它来为您的用户控件设置动画。您可以在时间轴上放置 KeyTime 属性，并定义用户控件从位置 A 到位置 B 应该遵循的路径，以及如果您希望用户控件逐渐变得可见，还可以定义不透明度级别。

您可以再添加一个用户控件并为第二个用户实现其逻辑。 Expression Blend 将使您的生活更轻松。