WPF圆角网格按钮样式定制：禁用态设为灰色，启用态设为绿色

我来帮你搞定这个WPF按钮样式的问题！要实现带圆角、启用时绿色、禁用时灰色的按钮，核心是重写Button的默认ControlTemplate——这样才能彻底摆脱默认样式的束缚，完全自定义不同状态下的外观。

核心思路 #

• 用ControlTemplate重新定义按钮的结构，内部用带圆角的Border作为外观容器
• 通过Trigger监听IsEnabled属性，分别设置启用/禁用状态下的背景色
• 保留ContentPresenter确保按钮内容能正确居中显示

直接可用的代码示例 #

下面是整合了你原有布局的完整代码，直接替换你原来的Button即可：

<Button x:Name="button" Height="30" Width="100" Margin="825,0,0,0">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <!-- 带圆角的核心容器，启用时默认绿色 -->
            <Border x:Name="btnBorder" CornerRadius="12.5" Height="25" Background="Green">
                <!-- 负责显示按钮内容的Presenter，保证内容居中 -->
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
            <ControlTemplate.Triggers>
                <!-- 禁用状态触发器：把背景改成灰色 -->
                <Trigger Property="IsEnabled" Value="False">
                    <Setter TargetName="btnBorder" Property="Background" Value="Gray"/>
                    <!-- 如果需要禁用时文字也变灰，可以添加这一行 -->
                    <!-- <Setter Property="Foreground" Value="#666666"/> -->
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Button.Template>
    <Button.Content>
        <!-- 这里替换成你的按钮内容，比如文字或其他元素 -->
        点击按钮
    </Button.Content>
</Button>

可复用的样式版本 #

如果需要在多个按钮上复用这个样式，可以把它定义为资源：

<!-- 放在Window/UserControl的Resources里 -->
<Window.Resources>
    <Style x:Key="RoundedStatusButtonStyle" TargetType="Button">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="btnBorder" CornerRadius="12.5" Height="25" Background="Green">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="btnBorder" Property="Background" Value="Gray"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<!-- 使用时直接引用样式 -->
<Button x:Name="button" Height="30" Width="100" Margin="825,0,0,0" 
        Style="{StaticResource RoundedStatusButtonStyle}">
    点击按钮
</Button>

为什么原来的写法没效果？ #

你之前只在Button的Content里添加了圆角Border，但Button的默认样式依然在控制禁用状态的外观（比如默认的灰化滤镜效果）。只有重写ControlTemplate，才能完全接管按钮的所有状态样式，让我们自定义的圆角容器成为按钮的外观主体。

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