在WPF的后台代码中创建故事板

本文关键字：创建 故事 代码 WPF 后台 | 更新日期: 2023-09-27 18:08:27

下面的代码运行正常。

<Window.Triggers>
    <EventTrigger RoutedEvent="Window.Loaded">
        <BeginStoryboard>
            <Storyboard>
                <DoubleAnimation Duration="0:0:.8" Storyboard.TargetProperty="Left" From="1920" To="0" AccelerationRatio=".1"/>
            </Storyboard>
        </BeginStoryboard>
    </EventTrigger>
</Window.Triggers>

但其中From和To的值为静态。我需要动态地传递基于系统解析的值。所以我需要它被创建在代码后面。有可能吗?

如何将其转换为代码隐藏?

在WPF的后台代码中创建故事板

在代码中工作时，你真的不需要故事板，就像你在问题中展示的那样，基本的东西只需要动画。我做了一个小样本来展示它是多么容易工作。

这是主窗口后面的完整代码:

namespace WpfCSharpSandbox
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            WidenObject(150, TimeSpan.FromSeconds(1));
        }
        private void WidenObject(int newWidth, TimeSpan duration)
        {
            DoubleAnimation animation = new DoubleAnimation(newWidth, duration);
            rctMovingObject.BeginAnimation(Rectangle.WidthProperty, animation);
        }
    }
}

XAML是这样的:

<Window x:Class="WpfCSharpSandbox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Sandbox" Height="350" Width="525">
    <Grid Background="#333333">
        <Rectangle x:Name="rctMovingObject" Fill="LimeGreen" Width="50" Height="50"/>
    </Grid>
</Window>

把它放在WPF应用程序中，看看它是如何工作的，尝试一下它并尝试其他动画/属性

添加djerry的注释示例代码如下:

var anim = new DoubleAnimation {
                                From = 1920, 
                                To = 1, 
                               };
wnd.BeginAnimation(Window.LeftProperty, anim);

，您必须在窗口加载的事件处理程序中有此代码。

这个问题的示例代码是关于动画Window.Left属性，我正在寻找确切的情况下，但给出的答案只适用于一次性用例。
具体来说:如果动画已经执行，然后通过拖放手动移动窗口，那么相同的动画过程将无法再正常工作。动画将始终使用最近运行的动画的结束坐标。
所以如果你移动了窗口，它会在开始新的动画之前跳回去:

https://i.stack.imgur.com/tw33H.jpg

要解决这个问题，需要在动画完成后从动画属性中删除任何AnimationClock。

这是通过使用ApplyAnimationClock或BeginAnimation, null作为第二个参数来完成的:

public partial class MainWindow : Window
{
    // [...]
    private void ButtonMove_Click(object sender, RoutedEventArgs e)
    {
        AnimateWindowLeft(500, TimeSpan.FromSeconds(1));
    }
    private void AnimateWindowLeft(double newLeft, TimeSpan duration)
    {
        DoubleAnimation animation = new DoubleAnimation(newLeft, duration);
        myWindow.Completed += AnimateLeft_Completed;
        myWindow.BeginAnimation(Window.LeftProperty, animation);
    }
    private void AnimateLeft_Completed(object sender, EventArgs e)
    {
        myWindow.BeginAnimation(Window.LeftProperty, null);
        // or
        // myWindow.ApplyAnimationClock(Window.LeftProperty, null);
    }
}
XAML: 

<Window x:Class="WpfAppAnimatedWindowMove.MainWindow"
        // [...]
        Name="myWindow">

结果:
https://i.stack.imgur.com/T0DIA.jpg

参见Microsoft Docs的备注部分- handffbehavior Enum

相关文章：