如何修改Xceed Wizard（xctk）底部按钮样式？修改Wizard样式无效

我完全懂你的烦恼——Xceed的Wizard控件把底部按钮封装得很严实，直接改Wizard的外层样式根本碰不到这些按钮。别担心，咱们得深入到它的ControlTemplate里动手才行，这是修改这类封装控件内部元素样式的标准方法。

具体步骤： #

1. 获取Wizard的默认模板
   最简单的方式是用Blend工具：右键你的Wizard控件 → 选择「Edit Template」→「Edit a Copy」，Blend会自动生成完整的默认模板代码并添加到你的资源里。如果你没有Blend，也可以参考Xceed官方文档里的模板结构，或者直接用下面简化后的模板（核心功能都保留）。

2. 修改模板中的按钮属性
   在生成的模板里，找到底部按钮栏（通常是一个DockPanel或StackPanel，命名为PART_NavigationPanel），里面的四个按钮分别是PART_CancelButton、PART_BackButton、PART_NextButton、PART_FinishButton。你可以直接给这些按钮设置Width、Height、FontSize、Padding等属性来调大它们。

示例代码： #

下面是一个简化后的完整Style示例，重点修改了按钮的大小和字体：

<Window.Resources>
    <Style TargetType="xctk:Wizard">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="xctk:Wizard">
                    <Grid Background="{TemplateBinding Background}">
                        <!-- 保留Wizard的头部和页面显示区域（与默认模板一致） -->
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>

                        <!-- Wizard头部 -->
                        <Border Grid.Row="0" Background="#FF336699" Padding="15">
                            <TextBlock Text="{TemplateBinding Header}" Foreground="White" FontSize="18"/>
                        </Border>

                        <!-- 页面内容区域 -->
                        <ContentControl Grid.Row="1" Margin="10" Content="{TemplateBinding SelectedItem}"/>

                        <!-- 底部按钮栏 -->
                        <DockPanel Grid.Row="2" x:Name="PART_NavigationPanel" Margin="10" HorizontalAlignment="Right">
                            <Button x:Name="PART_CancelButton" 
                                    Content="Cancel" 
                                    Margin="0,0,10,0"
                                    Width="120" Height="40"
                                    FontSize="14" Padding="15,5"/>
                            <Button x:Name="PART_BackButton" 
                                    Content="Back" 
                                    Margin="0,0,10,0"
                                    Width="120" Height="40"
                                    FontSize="14" Padding="15,5"/>
                            <Button x:Name="PART_NextButton" 
                                    Content="Next" 
                                    Margin="0,0,10,0"
                                    Width="120" Height="40"
                                    FontSize="14" Padding="15,5"/>
                            <Button x:Name="PART_FinishButton" 
                                    Content="Finish"
                                    Width="120" Height="40"
                                    FontSize="14" Padding="15,5"/>
                        </DockPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<!-- 使用样式后的Wizard -->
<xctk:Wizard Header="我的向导">
    <xctk:WizardPage Title="第一步" Description="这是向导的第一页"/>
    <xctk:WizardPage Title="第二步" Description="这是向导的第二页"/>
</xctk:Wizard>

为什么你之前的代码没效果？ #

你之前设置的FontWeight是Wizard控件本身的属性，而底部按钮是Wizard内部的独立子控件，外层Style的设置不会自动传递给这些子元素。只有修改ControlTemplate里的子控件属性，才能真正改变它们的样式。

如果你不想复制完整的模板，也可以用隐式样式统一设置所有Wizard按钮的样式：

<Style TargetType="Button" x:Key="WizardButtonStyle">
    <Setter Property="Width" Value="120"/>
    <Setter Property="Height" Value="40"/>
    <Setter Property="FontSize" Value="14"/>
    <Setter Property="Padding" Value="15,5"/>
</Style>

然后在模板里给每个按钮加上Style="{StaticResource WizardButtonStyle}"即可，这样后续修改样式更方便。

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