如何合并两个WPF按钮样式？兼具交互变色与文本换行功能

要合并这两个按钮样式，核心是把文本换行功能整合到带交互效果的基础样式里，同时避免模板覆盖导致原有功能丢失，具体步骤如下：

核心思路 #

• 保留TestStyle的所有基础布局、字体设置和交互触发器（悬停变红、点击变绿）
• 将fie样式中实现文本换行的TextBlock替换TestStyle里的ContentPresenter，同时确保TextBlock继承按钮的字体属性并正确绑定内容

合并后的完整代码 #

<Style x:Key="MergedButtonStyle" TargetType="{x:Type Button}">
    <!-- 保留TestStyle的所有基础属性设置 -->
    <Setter Property="FontFamily" Value="Arial"/>
    <Setter Property="FontSize" Value="25"/>
    <Setter Property="Foreground" Value="White" />
    <Setter Property="Background" Value="Blue" />
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="VerticalAlignment" Value="Stretch" />
    <Setter Property="Width" Value="100" />
    <Setter Property="Margin" Value="10,0" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <!-- 保留TestStyle的Border，确保背景交互生效 -->
                <Border x:Name="Border" Background="{TemplateBinding Background}">
                    <!-- 替换ContentPresenter为带TextWrapping的TextBlock，实现换行 -->
                    <TextBlock Text="{TemplateBinding Content}" 
                               FontFamily="{TemplateBinding FontFamily}"
                               FontSize="{TemplateBinding FontSize}"
                               Foreground="{TemplateBinding Foreground}"
                               TextWrapping="Wrap"
                               HorizontalAlignment="Center"
                               VerticalAlignment="Center"/>
                </Border>
                <!-- 保留TestStyle的交互触发器 -->
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Red" />
                    </Trigger>
                    <Trigger Property="IsPressed"   Value="True">
                        <Setter Property="Background" Value="Green" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

关键细节说明 #

• 替换ContentPresenter为TextBlock时，要通过TemplateBinding继承按钮的FontFamily、FontSize、Foreground等属性，保证原有字体样式生效
• 保留Border元素，因为触发器是通过修改按钮的Background属性来改变外观，Border绑定了这个属性才能显示交互效果
• TextBlock添加TextWrapping="Wrap"实现文本自动换行，同时设置HorizontalAlignment和VerticalAlignment为Center，保持原有的内容居中效果

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