2013-07-20 103 views
5

我在WPF中使用ButtonMetroCircleButtonStyleMetroUI。我怎样才能改变这个Button的背景?Metro Circle按钮背景

代码:

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

目前的按钮看起来是这样,但我想在右边的一个:我想你需要设计自己的自定义按钮

enter image description here

回答

6

如果您获得Git-SourceMahApps.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> 

在你的情况,你会prolly希望 “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包(MahApps.Metro.Resources)获得。

概念几乎适用于您选择的Canvas路径(其中您获得了文档中列出的相当一部分)作为VisualBrush,您应该进行排序。

+0

That Works!谢了哥们 :) –

1

,但它是相当简单。

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