地铁圈按钮背景

Question

我在WPF中使用Button MetroCircleButtonStyle与MetroUI。如何更改此Button的背景？

代码：

<Button Background="Green" 
        Name="button2"
        Style="{DynamicResource MetroCircleButtonStyle}" 
        Width="50" Height="50" />

目前按钮看起来像这样，但我想要右边的那个：

Answer 1

如果你获得Git-Source的MahApps.Metro，它会有几个演示目标，向您展示几乎所有控件的正常使用情况。

在MetroDemo下的MainWindow.xaml目标中MetroCircleButtonStyle的使用情况如下：

<Button Width="55"
        Height="55"
        VerticalAlignment="Top"
        Style="{DynamicResource MetroCircleButtonStyle}">
  <Rectangle Width="20"
              Height="20">
    <Rectangle.Fill>
      <VisualBrush Stretch="Fill"
                    Visual="{StaticResource appbar_city}" />
    </Rectangle.Fill>
  </Rectangle>

</Button>

在您的情况下，您会非常想要“appbar_add”资源

<Button Width="55"
        Height="55"
        VerticalAlignment="Top"
        Style="{DynamicResource MetroCircleButtonStyle}">
  <Rectangle Width="20"
              Height="20">
    <Rectangle.Fill>
      <VisualBrush Stretch="Fill"
                    Visual="{StaticResource appbar_add}" />
    </Rectangle.Fill>
  </Rectangle>
</Button>

请注意，您需要添加包含ResourceDictionary的{​​{1}}。它也可以从NuGet包中获得（MahApps.Metro.Resources）。

概念几乎适用于您选择的Canvas路径（您在文档中列出了很多内容）与Canvas一样，您应该进行排序。

Answer 2

我认为您需要设计自己的自定义按钮，但这很简单。

Here解释了很多方法。