如何使用按钮样式作为其他按钮的模板？

Question

我有一个具有以下属性的按钮：

<Grid Margin="0,0,593,0">
    <Button x:Name="btnToolbarClose" Content="X" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Top" VerticalContentAlignment="Center"  HorizontalContentAlignment="Center" FontSize="12" FontFamily="Arial" Height="23" Width="30" Margin="0,-1,-1,0"/>
    <Button x:Name="btnToolbarMax"  Content="£" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" Grid.Column="1" HorizontalAlignment="Right" Margin="0,-1,29,0" VerticalAlignment="Top" FontFamily="Wingdings 2" VerticalContentAlignment="Center" FontSize="12" Height="23" Width="30" />
    <Button x:Name="btnToolbarMin" Content="─" Grid.Column="1" HorizontalAlignment="Right" Margin="0,-1,59,0" VerticalAlignment="Top" VerticalContentAlignment="Bottom" HorizontalContentAlignment="Center" FontSize="14" Height="23" Width="30" >
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Setter Property="Background" Value="{x:Null}"/>
                <Setter Property="BorderBrush" Value="{x:Null}"/>
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Border Background="{TemplateBinding Background}" BorderBrush="Black" BorderThickness="0">
                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Red"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>

</Grid>

现在我希望我不必为每个按钮插入此按钮样式，而只需将此样式用于具有绑定的其他按钮？因此我只需编写一次此样式并将其用于另一个按钮？

Answer 1

重用 WPF 控件样式的一种简单方法是使用 ResourceDictionaries。 Link to MSDN

将ResourceDictionary 添加到您的项目后，您可以通过将其添加到XAML 的开头来引用它，如下所示：

<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="./YourNewDictionary.xaml"/> // This points to the location of your dictionary.
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Window.Resources>

您可以在新添加的ResourceDictionary 中定义您的自定义样式，有点像这样：

<Style x:Key="YourButtonStyle" TargetType="Button">
    <Setter Property="Margin" Value="5"/>
    And all other customized properties....
</Style>

然后您可以像这样在控件中引用您的自定义样式：

<Button x:Name="YourButton" Style="{StaticResource YourButtonStyle}">

这让您可以轻松创建自定义样式，您可以在整个项目中重复使用这些样式，而不会在您的 XAML 文件中造成太多混乱。