IsEnabled = False 时的 WPF 按钮背景

Question

我尝试在我的按钮未启用时为其设置样式，以便背景 LinearGradientBrush 与启用时为按钮设置的样式相似。我试过触发器，但似乎只有文本颜色在变化：

<Application x:Class="RSPolar.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <!--Windows style-->
        <Style TargetType="Window">

            <Setter Property="Background">
                <Setter.Value>
                    <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">
                        <GradientStop Color="Gray" Offset="1" />
                        <GradientStop Color="DarkGray" Offset="0.92" />
                        <GradientStop Color="Gray" Offset="0.9" />
                        <GradientStop Color="LightGray" Offset="0.88" />
                        <GradientStop Color="WhiteSmoke" Offset="0" />
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Style>
        <!--Buttons style-->
        <Style TargetType="Button">
            <Setter Property="ContentTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <TextBlock FontWeight="Bold" FontSize="48" Foreground="#00FF00" Text="{Binding Path=Content,RelativeSource={RelativeSource AncestorType={x:Type Button}}}">
                            <TextBlock.Effect>
                                <DropShadowEffect BlurRadius="1" Color="DarkGray" ShadowDepth="1" Direction="120"/>
                            </TextBlock.Effect>
                        </TextBlock>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
            <Setter Property="Background">
                <Setter.Value>
                    <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">
                        <GradientStop Color="Gray" Offset="1" />
                        <GradientStop Color="DarkGray" Offset="0.52" />
                        <GradientStop Color="Gray" Offset="0.5" />
                        <GradientStop Color="LightGray" Offset="0.48" />
                        <GradientStop Color="WhiteSmoke" Offset="0" />
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="Button.Effect">
                <Setter.Value>
                    <DropShadowEffect Color="Black" Direction="320" ShadowDepth="5" BlurRadius="10" Opacity="0.5" />
                </Setter.Value>
            </Setter>
            <Setter Property="Button.Effect">
                <Setter.Value>
                    <BlurEffect Radius="1"></BlurEffect>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <TextBlock FontWeight="Bold" FontSize="48" Foreground="#FF0000" Text="{Binding Path=Content,RelativeSource={RelativeSource AncestorType={x:Type Button}}}">
                                    <TextBlock.Effect>
                                        <DropShadowEffect BlurRadius="1" Color="DarkGray" ShadowDepth="1" Direction="120"/>
                                    </TextBlock.Effect>
                                </TextBlock>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Background">
                        <Setter.Value>
                            <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">
                                <GradientStop Color="Gray" Offset="1" />
                                <GradientStop Color="DarkGray" Offset="0.52" />
                                <GradientStop Color="Gray" Offset="0.5" />
                                <GradientStop Color="LightGray" Offset="0.48" />
                                <GradientStop Color="WhiteSmoke" Offset="0" />
                            </LinearGradientBrush>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Application.Resources>
</Application>

Answer 1

您不应该定义 ContentTemplate 属性。如果你想改变按钮的样子，你应该定义 Template 属性并将你的 Trigger 添加到你在那里定义的 ControlTemplate 中。

如果您阅读 MSDN 上的 Customizing the Appearance of an Existing Control by Creating a ControlTemplate page on MSDN? You can also find an example of using ControlTemplate.Triggers in the ControlTemplate Class 页面，也许会对您有所帮助。

但是，这里有一个简单的例子：

在Resources中：

<ControlTemplate x:Key="ExampleButton" TargetType="{x:Type Button}">
    <Border Background="LightGreen" BorderBrush="Black" BorderThickness="1" 
        CornerRadius="5" x:Name="Border" Padding="10">
        <ContentPresenter />    
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter TargetName="Border" Property="Background" Value="LightBlue" />
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

在XAML页中：

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
    <Button Template="{StaticResource ExampleButton}" Content="Click me" />
    <Button Template="{StaticResource ExampleButton}" Content="Click me" 
        IsEnabled="False" />
</StackPanel>

更新>>>

您只需将 'plain' Background 值替换为您的 LinearGradientBrush ，就像您在您的示例中所做的那样：

在Resources中：

<ControlTemplate x:Key="ExampleButton" TargetType="{x:Type Button}">
    <Border BorderBrush="Black" BorderThickness="1" 
        CornerRadius="5" x:Name="Border" Padding="10">
        <Border.Background>
            <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">
                <GradientStop Color="Gray" Offset="1" />
                <GradientStop Color="DarkGray" Offset="0.52" />
                <GradientStop Color="Gray" Offset="0.5" />
                <GradientStop Color="LightGray" Offset="0.48" />
                <GradientStop Color="WhiteSmoke" Offset="0" />
            </LinearGradientBrush>
        </Border.Background>
        <ContentPresenter />
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter TargetName="Border" Property="Background">
                <Setter.Value>
                    <LinearGradientBrush  StartPoint="0,0" EndPoint="0,1">
                        <GradientStop Color="Gray" Offset="1" />
                        <GradientStop Color="DarkGray" Offset="0.52" />
                        <GradientStop Color="Gray" Offset="0.5" />
                        <GradientStop Color="LightGray" Offset="0.48" />
                        <GradientStop Color="WhiteSmoke" Offset="0" />
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

Why is Target Border setting the color of the Background of the button? Shouldn't it change the color of the border?

Button的Background是Border的Background。

IsEnabled = False 时的 WPF 按钮背景

WPF Button Background when IsEnabled = False

wpf

button

styles