c# - 为什么动画高度设置后这个属性直接停止工作

Question

我遇到了让我很烦的问题。下面是一个简单的例子

<Grid Name="_grid">
    <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="36,33,0,0" Name="button" VerticalAlignment="Top" Width="75" />
    <Button Content="Enlarge through animation" Height="23" Margin="172,33,24,0" Name="_animateButton" VerticalAlignment="Top" Click="_animateButton_Click" />
    <Button Content="Enlarge through simple heigh changing" Height="23"  Margin="172,62,24,0" Name="_resizeButton" VerticalAlignment="Top" Click="_resizeButton_Click" />
</Grid>

在代码后面

private void _resizeButton_Click(object sender, RoutedEventArgs e)
{
    button.Height += 10;
}

private void _animateButton_Click(object sender, RoutedEventArgs e)
{
    Storyboard storyboard = new Storyboard();

    DoubleAnimation animation = new DoubleAnimation(button.Height + 10, new Duration(new TimeSpan(0, 0, 0, 1)));
    storyboard.Children.Add(animation);

    Storyboard.SetTargetName(animation, button.Name);
    Storyboard.SetTargetProperty(animation, new PropertyPath(HeightProperty));

    storyboard.Begin(_grid);
}

应用程序看起来像这样

按下 _resizeButton 左键后立即放大。然后我按下 _animateButton - 左按钮正在慢慢扩大。在此之后我再次按下 _resizeButton 并且没有任何反应。这是为什么？

我注意到在为 Top 属性设置动画时也是如此

Answer 1

要了解该行为，您需要了解动画在 WPF 的属性系统中的工作方式的一个功能:动画不会通过将属性设置为随时间变化的不同值来工作。它们通过为暂时优先于“基本”值的属性提供有效值来工作。这是一个微妙的区别，但它是导致您在这里脱节的原因。

当第一次遇到动画系统时，大多数人都认为它是通过重复调用属性的“set”访问器来工作的。但事实并非如此——如果您在开始动画之前以这种方式设置属性，则您设置的原始值将保持不变。只是 getter 会返回动画系统提供的值，而不是返回“本地”值。事实上，您甚至可以在动画运行时通过设置属性来更改“本地”值，但该本地值在动画停止之前不会变得可见。

实际上，属性系统做了很多这样的事情——不仅仅是动画。这help topic列出了属性(property)值(value)可能来自的 11 个不同的地方。动画是第二高的优先级。通过“设置”访问器(或通过 Xaml 中的属性)以通常方式设置的属性是下一个最高优先级，但您可以看到模板、样式和触发器都在没有本地属性值时提供其他来源。

WPF 中的动画系统有一个“基”值的概念，它本质上是当前动画值之后可用的下一个最高优先级值。如果您有本地值，那将是基值，但如果您没有，则基值将来自该文章中列出的其他来源之一。

所有这一切的结果是，没有一种直接的方法可以完成您似乎想要做的事情。我认为您想要的是让动画运行到完成，并让属性保留其最终动画值，直到您将本地值设置为其他值为止。

如果您在动画完成后告诉它停止，则有效值将恢复为基本值。 (正如你在评论中所说，动画完成后它会收缩。)如果你告诉动画一旦完成就保持(这是默认行为)，那么动画将永远提供一个比本地值具有更高优先级的值，这就是您看到手动调整按钮大小不再有效的原因。因此，这两个选项都不符合您的要求。

有两种方法可以解决这个问题。 @responderNS5 发布了一个 - 处理动画的完成，修改局部值以反射(reflect)动画的最终值，然后停止动画。 (您可以认为这是属性的一种降级 - 它将它从高优先级但 transient 动画提供的属性值转换为优先级稍低但更持久的局部值。)我倾向于修改代码一点:

private void myDoubleAnimation_Completed(object sender, EventArgs e)
{
    // Animation complete, but holding, so Height will currently return
    // return the final animated value.
    double finalHeight = button.Height;

    // Remove the animation.
    button.BeginAnimation(Button.HeightProperty, null);

    // Modify the local value to be the same as the final animated value.
    button.Height = finalHeight;
}

我在这里所做的更改是代码不再尝试猜测动画系统结束的位置 - 这只是读取动画系统为属性设置的任何值并将其设为新的本地值。与 Completed 处理程序中的 += 10 相比，我更喜欢它，这对我来说感觉像是有点脆弱的逻辑重复。

另一种处理方法是在您尝试更新属性时删除动画:

private void _resizeButton_Click(object sender, RoutedEventArgs e)
{
    double currentHeight = button.Height;
    button.BeginAnimation(Button.HeightProperty, null);
    button.Height = currentHeight + 10;
}

private void _animateButton_Click(object sender, RoutedEventArgs e)
{
    DoubleAnimation animation = new DoubleAnimation
    {
        By = 10,
        Duration = new Duration(TimeSpan.FromSeconds(1))
    };
    button.BeginAnimation(Button.HeightProperty, animation);
}

这对我来说似乎更稳健一些，因为即使在您单击调整大小按钮时动画尚未完成，它也能正常工作。