4

我正在尝试为按钮创建一个模板,以防止控件在禁用时变灰,它工作得很好,但由于某种原因,一旦我为按钮属性设置颜色,它就不会改变背景.

这是我制作的按钮:

    <Style TargetType="Button" x:Key="TestButton">
        <Setter Property="SnapsToDevicePixels" Value="true" />
        <Setter Property="OverridesDefaultStyle" Value="true" />
        <Setter Property="MinHeight" Value="29px" />
        <Setter Property="MinWidth"  Value="103px" />
        <Setter Property="Foreground" Value="Black" />
        <Setter Property="Background" Value="#EEEEEE"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border TextBlock.Foreground="{TemplateBinding Foreground}" x:Name="Border">
                        <Border.Background>
                            <SolidColorBrush  Color="{TemplateBinding Background}" />
                        </Border.Background>
                        <Border.BorderBrush>
                            <SolidColorBrush  Color="Black" />
                        </Border.BorderBrush>
                        <Border.BorderThickness>
                            <Thickness Top="0.75" Bottom="0.75" Right="0.75" Left="0.75"/>
                        </Border.BorderThickness>
                        <Border.CornerRadius>
                            <CornerRadius TopLeft="3" TopRight="3" BottomLeft="3" BottomRight="3"/>
                        </Border.CornerRadius>
                        <ContentPresenter Margin="2"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        RecognizesAccessKey="True" />
                    </Border>
                    <!--Triggers-->
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#E1F3FD" />
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Background" Value="#C4E9FF" />
                            <Setter Property="Effect">
                                <Setter.Value>
                                    <DropShadowEffect Color="Black" Direction="500" ShadowDepth="1" BlurRadius="5" Opacity="0.5" />
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter TargetName="Border" Property="Background" Value="{Binding RelativeSource={RelativeSource AncestorType=Button}, Path=Background}"/>
                            <Setter Property="Opacity" Value="0.5" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="True"  >
                            <Setter TargetName="Border" Property="Background" Value="{Binding RelativeSource={RelativeSource AncestorType=Button}, Path=Background}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

当我调用它时,它给了我两个不同的结果,一个有效的结果如下:

<Button Style="{DynamicResource ResourceKey=TestButton}" Content="Button" Height="66" Name="button1" Width="149" Click="button1_Click" />

但是当我向它添加背景时,由于某种原因它会停止更改背景:

<Button Style="{DynamicResource ResourceKey=TestButton}" Background="Orange" Content="Button" Height="66" Name="button1" Width="149" Click="button1_Click" />
4

3 回答 3

5

它不会改变颜色,因为你用你在 MainWindow.xaml 中定义的颜色“覆盖”了颜色。

它称为依赖属性值优先级。

要了解有关它的更多信息,请查看以下内容:

http://msdn.microsoft.com/en-us/library/ms743230.aspx

在您的情况下发生的情况是您在样式和触发器中定义了背景,但随后您在 MainWindow 中设置了值。MainWindow 中设置的值被认为是本地值,而 style 中设置的值是“style - values”。

如果您查看我给您的链接,您会发现本地价值位于“样式 - 价值”之前。

地方价值观非常强大。

这就是为什么您的 Button 即使在禁用时也始终为橙色的原因。当您的触发器触发时,属性系统将尝试为背景找到一个值,并且它总是会找到本地的,因为这是具有最高优先级的值。

为了使其正常工作,在设置 Button 的背景值时,您必须使用 SetCurrentValue 而不是 SetValue。(意味着您将不得不覆盖 Buttons 代码)

看看这个:

http://msdn.microsoft.com/en-us/library/system.windows.dependencyobject.setcurrentvalue.aspx

此方法由以编程方式设置其自身属性之一的值的组件使用,而不会禁用应用程序对属性的声明使用。SetCurrentValue 方法更改属性的有效值,但现有触发器、数据绑定和样式将继续工作。

编辑:

了解依赖属性值优先级和命中测试的示例。

<Window.Resources>
    <Style TargetType="{x:Type Grid}">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="Yellow" />
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style TargetType="{x:Type TextBlock}">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="Red" />
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
    <TextBlock Height="20" Margin="40" Text="asdfasdfa" VerticalAlignment="Bottom"/>
    <Rectangle  Height="100" VerticalAlignment="Bottom" >
        <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Offset="0"/>
                <GradientStop Color="White" Offset="1"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>
</Grid>
于 2013-11-04T15:03:35.893 回答
3

如果您查看DependecyProperty 值优先顺序,您将看到在控件上显式设置值(视为本地值)将覆盖触发器设置的任何值。

于 2013-11-04T15:04:13.470 回答
2

请注意:该Background属性是 type Brush,所以你应该写

<Border Background="{TemplateBinding Background}" ...>
    ...
</Border>

代替

<Border ...>
    <Border.Background>
        <SolidColorBrush Color="{TemplateBinding Background}" />
    </Border.Background>
    ...
</Border>
于 2013-11-04T15:04:05.477 回答