自定义按钮内容时忽略按钮字体属性

在您的设置中，StackPanel用作不太理想的内容，您可以创建一种样式，其中包含模板和所需的字体属性设置器，以使其与应用程序中所需的按钮保持一致。

因此，如果我尝试为您创建按钮样式，那将是

<Style x:Key="MetroButton" TargetType="{x:Type Button}">
  <Setter Property="FontSize" Value="13"/>
  <Setter Property="Template">
      <Setter.Value>
          <ControlTemplate TargetType="Button">
              <StackPanel Orientation="Horizontal">
                  <Rectangle Height="9" Width="9" Margin="5 3" Stretch="Fill">
                      <Rectangle.Fill>
                          <VisualBrush Visual="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}}"/>
                      </Rectangle.Fill>
                  </Rectangle>
                  <ContentPresenter/>
              </StackPanel>
          </ControlTemplate>
      </Setter.Value>
  </Setter>
</Style>

然后我会在按钮上使用这种样式

<Button Content="Delete" Style="{StaticResource MetroButton}" Tag="{StaticResource appbar_delete}"/>

利用ContentTemplate进行更新以在利用现有模板的同时实现相同的目的。

 <Style x:Key="MetroIconButton" BasedOn="{StaticResource MetroButton}" TargetType="{x:Type Button}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate >
                <StackPanel Orientation="Horizontal">
                    <Rectangle Height="9" Width="9" Margin="5 3" Stretch="Fill">
                        <Rectangle.Fill>
                            <VisualBrush Visual="{Binding Tag, RelativeSource={RelativeSource FindAncestor, AncestorType=Button}}"/>
                        </Rectangle.Fill>
                    </Rectangle>
                    <ContentControl Content="{Binding}"/>
                </StackPanel>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

用法除样式外保持不变 MetroIconButton

<Button Content="Delete" Style="{StaticResource MetroIconButton}" Tag="{StaticResource appbar_delete}"/>

我正在使用Tag属性来保存图标，以便为您即插即用，但更好的是将附件属性用于该图标。l:ExtraProperties.Icon={StaticResource appbar_delete}"，如果您也需要的话，我可以提供一个样本。

实际上，在以前的样式中，我们重写了MetroButton样式中定义的模板，因此它失败了。在查看了MetroButton样式的原始实现之后，我想出了ContentTemplate的方法来实现相同的目的。因此，代替设置模板，我们将设置内容模板，该模板将由MetroButton样式拾取并应用于内容。

使用附加属性

声明一个继承DependencyObject或其任何派生类的类以及所需的属性，如下所述

class ExtraProperties: DependencyObject
{
    public static Visual GetIcon(DependencyObject obj)
    {
        return (Visual)obj.GetValue(IconProperty);
    }

    public static void SetIcon(DependencyObject obj, Visual value)
    {
        obj.SetValue(IconProperty, value);
    }

    // Using a DependencyProperty as the backing store for Icon.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IconProperty = DependencyProperty.RegisterAttached("Icon", typeof(Visual), typeof(ExtraProperties), new PropertyMetadata(null));
}

将名称空间添加到您的XAML

<Window x:Class="Example.MainWindow"
    ...
    xmlns:l="clr-namespace:Example">

然后将样式更改为

<VisualBrush Visual="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Path=(l:ExtraProperties.Icon)}"/>

和用法

<Button Content="Delete" Style="{StaticResource MetroIconButton}" l:ExtraProperties.Icon="{StaticResource appbar_delete}"/>

使用附加属性是一种更WPF的方法，而不是破解可能无法保证按预期方式运行的其他属性。