WPF：ColorAnimation.To绑定自定义按钮GlowColor依赖属性失败求助

你的绑定失败主要有三个核心问题：DependencyProperty注册错误、TemplateBinding在动画场景下的局限性，以及ControlTemplate缺少必要的TargetType声明。以下是分步修正方案：

1. 修正DependencyProperty注册错误 #

你的自定义按钮类名为MyCustomButton，但注册属性时错误指定了所有者类型为TritonGlyphButton，这会导致WPF无法将属性与控件正确关联，绑定找不到有效源。

修正后的C#代码 #

public class MyCustomButton : Button
{
    public static readonly DependencyProperty GlowColorProperty =
        DependencyProperty.Register(
            nameof(GlowColor),
            typeof(Color),
            typeof(MyCustomButton), // 替换为正确的控件类型
            new FrameworkPropertyMetadata(Color.FromRgb(0x6E, 0x87, 0xB2)));

    public Color GlowColor
    {
        get => (Color)GetValue(GlowColorProperty);
        set => SetValue(GlowColorProperty, value);
    }
}

2. 修正ControlTemplate与动画绑定 #

TemplateBinding在Storyboard动画中无法正常解析，需要改用RelativeSource=TemplatedParent的显式绑定；同时必须为ControlTemplate指定TargetType，确保绑定能识别自定义属性。

修正后的XAML代码 #

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:你的命名空间"> <!-- 替换为实际命名空间 -->

    <ControlTemplate x:Key="MyCustomButtonTemplate" TargetType="{x:Type local:MyCustomButton}">
        <Border x:Name="RootBorder" 
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}" 
                BorderThickness="{TemplateBinding BorderThickness}">
            <Border.Effect>
                <!-- 默认隐藏光晕，鼠标悬停时切换颜色 -->
                <DropShadowEffect x:Name="ButtonShadowEffect" 
                                  Color="Transparent" 
                                  ShadowDepth="0" 
                                  BlurRadius="10"/>
            </Border.Effect>
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup Name="CommonStates">
                    <!-- 正常状态：隐藏光晕 -->
                    <VisualState Name="Normal">
                        <Storyboard>
                            <ColorAnimation Storyboard.TargetName="ButtonShadowEffect"
                                            Storyboard.TargetProperty="Color"
                                            To="Transparent" 
                                            Duration="0"/>
                        </Storyboard>
                    </VisualState>
                    <!-- 鼠标悬停状态：显示自定义颜色光晕 -->
                    <VisualState Name="MouseOver">
                        <Storyboard>
                            <ColorAnimation Storyboard.TargetName="ButtonShadowEffect"
                                            Storyboard.TargetProperty="Color"
                                            To="{Binding GlowColor, RelativeSource={RelativeSource TemplatedParent}}"
                                            Duration="0"/>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
            <!-- 保留按钮内容展示 -->
            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
        </Border>
    </ControlTemplate>

</ResourceDictionary>

3. 使用示例 #

在窗口或页面中引用模板并设置自定义光晕颜色：

<Window xmlns:local="clr-namespace:你的命名空间">
    <Grid>
        <local:MyCustomButton Width="120" Height="40" 
                              Content="悬停查看光晕"
                              GlowColor="Orange" 
                              Template="{StaticResource MyCustomButtonTemplate}"/>
    </Grid>
</Window>

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