将按钮模板前景绑定到从Button派生的类的属性

时间:2016-04-26 06:55:42

标签: c# wpf xaml templates styles

我想为我的按钮设置单独的高亮颜色,所以我创建了一个新类“HighlightButton”,它派生自Button并且只显示一个额外的属性(DP属性) - SolidColorBrush HighlightColor。

public class HighlightButton : Button {
    public SolidColorBrush HighlightColor {
        get { return (SolidColorBrush)GetValue(HighlightColorProperty); }
        set { SetValue(HighlightColorProperty, value); }
    }

    // Using a DependencyProperty as the backing store for HighlightColor.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty HighlightColorProperty =
        DependencyProperty.Register("HighlightColor", typeof(SolidColorBrush), typeof(HighlightButton), new PropertyMetadata(new SolidColorBrush(System.Windows.Media.Color.FromRgb(255,255,255))));
}

-

现在我在我的XAML中使用此HighlightButton而不是Button:

<con:HighlightButton Style="{StaticResource TransparentButton}"
            x:Name="_backButton"
            CommandParameter="{Binding PreviousPageViewModel}" 
            Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType=Window}}"
            HighlightColor="Yellow"/>

-

TransparentButton样式在资源字典中定义:

<Style TargetType="con:HighlightButton" x:Name="_transparentButton" x:Key="TransparentButton">
    <Setter Property="Height" Value="50"/>
    <Setter Property="Width" Value="50"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border Background="Transparent">
                    <ContentPresenter HorizontalAlignment="Center" 
                                      VerticalAlignment="Center"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Foreground" Value="{Binding HighlightColor}"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Foreground" Value="Gray"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

正如你所看到的那样,我希望我的按钮在悬停在它上面时会切换为单独设置的前景色。不幸的是(正如您所料),此解决方案不起作用。 WPF正在查看我的ViewModel中的Property HightlightColor(TargetType =“Button”对HighlightColor一无所知)。遗憾的是,当我将TargetType更改为我的HighlightButton时,整个Style崩溃了。

甚至有可能实现我正在寻找的东西吗?我做错了什么?

1 个答案:

答案 0 :(得分:1)

我为模板设置了具体的目标类型

<ControlTemplate TargetType="con:HighlightButton">

并像这样修改了绑定

<Setter Property="Foreground" Value="{Binding HighlightColor, RelativeSource={RelativeSource Self}}"/>

btw,Foreground和HighlightColor默认为白色。在有或没有触发器的情况下没有任何明显的差异(例如,如果将<Setter Property="Foreground" Value="White"/>设置为其他颜色,则会有)

我也希望使用Brush类型的属性来允许不同类型的画笔