2013-07-20 53 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解釋了很多方法可以做到這一點。