地铁圆按钮背景答案

【问题标题】：Metro Circle Button Background地铁圆按钮背景
【发布时间】：2013-07-19 19:52:27
【问题描述】：

我在 WPF 中使用 Button 和 MetroCircleButtonStyle 和 MetroUI。我怎样才能改变这个Button的背景？

代码：

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

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

【问题讨论】：

标签： c# wpf xaml button

【解决方案1】：

如果您得到MahApps.Metro 的Git-Source，它有一些演示目标，向您展示几乎所有控件的正常用法。

在MainWindow.xaml 下的MetroDemo 目标中，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>

请注意，您需要为此添加包含Canvas 的ResourceDictionary。它也可以从 NuGet 包 (MahApps.Metro.Resources) 获得。

概念几乎是将您选择的Canvas 路径（文档中列出的很多）应用为VisualBrush，您应该进行排序。

【讨论】：

有效！谢谢队友:)

【解决方案2】：

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

Here 解释了很多你可以做到这一点的方法。

【讨论】：