地铁圈按钮背景

Question

我使用Button与MetroCircleButtonStyle用MetroUI在WPF.我怎样才能改变这个背景Button？

码:

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

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

Answer 1

如果你得到的Git-来源为MahApps.Metro,它有告诉你几乎所有的控件的正常使用几个演示目标.

在他们使用的MetroDemo目标下看起来像:MainWindow.xamlMetroCircleButtonStyle

<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包含的内容Canvas.它也可以从NuGet Packages(MahApps.Metro.Resources)获得.

概念几乎适用于Canvas你所选择的路径(你在文档中列出了很多)VisualBrush,你应该对它进行排序.