WPF自定义按钮CornerRadius动画实现问题：无对应动画类如何处理？

我懂你这个困扰——WPF确实没给CornerRadius提供官方的动画类，就像ThicknessAnimation那样现成的没有，但有两种实用的方案能实现你要的圆角动画效果，我给你一步步说：

方案1：用ObjectAnimationUsingKeyFrames快速实现（适合简单过渡） #

这个方法不用写额外的C#代码，直接在XAML的Storyboard里就能搞定，虽然它默认是离散动画（直接跳变），但如果你的需求只是从一个固定圆角值切换到另一个，完全够用。示例代码如下：

<Storyboard>
    <!-- 保留你已有的BorderThickness动画 -->
    <ThicknessAnimation Duration="0:0:0.07" FillBehavior="HoldEnd" Storyboard.TargetName="border" Storyboard.TargetProperty="BorderThickness" To="2,2,2,2" />
    <!-- CornerRadius的动画实现 -->
    <ObjectAnimationUsingKeyFrames Duration="0:0:0.07" FillBehavior="HoldEnd" Storyboard.TargetName="border" Storyboard.TargetProperty="CornerRadius">
        <DiscreteObjectKeyFrame KeyTime="0:0:0" Value="0,0,0,0" /> <!-- 起始值，按需修改 -->
        <DiscreteObjectKeyFrame KeyTime="0:0:0.07" Value="2,2,2,2" /> <!-- 结束值 -->
    </ObjectAnimationUsingKeyFrames>
</Storyboard>

如果想要近似平滑的过渡，可以多添加几个中间关键帧（比如在0.035秒处加一个过渡圆角值），模拟渐变效果。

方案2：自定义CornerRadiusAnimation实现真正的平滑过渡 #

如果追求完全线性的平滑动画，自定义动画类是最佳选择。我们可以继承WPF的AnimationTimeline，实现自己的插值逻辑：

首先在C#里创建这个自定义动画类：

using System.Windows;
using System.Windows.Media.Animation;

namespace YourNamespace // 替换成你项目实际的命名空间
{
    public class CornerRadiusAnimation : AnimationTimeline
    {
        // 定义To属性
        public static readonly DependencyProperty ToProperty =
            DependencyProperty.Register("To", typeof(CornerRadius), typeof(CornerRadiusAnimation));

        public CornerRadius To
        {
            get => (CornerRadius)GetValue(ToProperty);
            set => SetValue(ToProperty, value);
        }

        // 定义From属性
        public static readonly DependencyProperty FromProperty =
            DependencyProperty.Register("From", typeof(CornerRadius), typeof(CornerRadiusAnimation));

        public CornerRadius From
        {
            get => (CornerRadius)GetValue(FromProperty);
            set => SetValue(FromProperty, value);
        }

        // 重写必要的基类方法
        public override Type TargetPropertyType => typeof(CornerRadius);

        protected override Freezable CreateInstanceCore() => new CornerRadiusAnimation();

        public override object GetCurrentValue(object defaultOriginValue, object defaultDestinationValue, AnimationClock animationClock)
        {
            var from = From;
            var to = To;
            var progress = animationClock.CurrentProgress.Value;

            // 对四个圆角值分别进行线性插值
            return new CornerRadius(
                from.TopLeft + (to.TopLeft - from.TopLeft) * progress,
                from.TopRight + (to.TopRight - from.TopRight) * progress,
                from.BottomRight + (to.BottomRight - from.BottomRight) * progress,
                from.BottomLeft + (to.BottomLeft - from.BottomLeft) * progress
            );
        }
    }
}

然后在XAML里引用这个命名空间，就可以像使用ThicknessAnimation一样调用它了：

<!-- 先引用你的自定义命名空间 -->
<UserControl xmlns:local="clr-namespace:YourNamespace">
    <Storyboard>
        <ThicknessAnimation Duration="0:0:0.07" FillBehavior="HoldEnd" Storyboard.TargetName="border" Storyboard.TargetProperty="BorderThickness" To="2,2,2,2" />
        <!-- 使用自定义的CornerRadiusAnimation -->
        <local:CornerRadiusAnimation Duration="0:0:0.07" FillBehavior="HoldEnd" Storyboard.TargetName="border" Storyboard.TargetProperty="CornerRadius" From="0,0,0,0" To="2,2,2,2" />
    </Storyboard>
</UserControl>

这个方案能实现和ThicknessAnimation完全一致的平滑过渡效果，还支持四个角不同圆角值的动画。

额外小提示 #

• 如果你的CornerRadius四个角值始终相同（比如全是1），可以简化插值逻辑，但上面的代码已经兼容四角不同的场景。
• 务必把代码里的YourNamespace替换成你项目实际的命名空间，否则XAML会找不到这个自定义动画类。

内容的提问来源于stack exchange，提问作者user7220101