メトロサークルボタンの背景

Question

とMetroCircleButtonStyleとMetroUIのWPFを使用しています。このButtonの背景を変更するにはどうすればよいですか？

コード：

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

は現在、ボタンは次のようになりますが、私は右のいずれかをしたい：

Answer 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> 

、あなたが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> 

注意をしたいと思いますこのためにCanvasを含むResourceDictionary NuGetパッケージ（MahApps.Metro.Resources）からも入手できます。

コンセプトはCanvasという選択肢（ドキュメントに記載されているもののかなりの部分）をVisualBrushとして適用し、ソートする必要があります。

Answer 2

私はあなたがあなた自身のカスタムボタンを設計する必要があると思うが、それはかなりです簡単です。

Hereあなたがそれを行うことができる方法の多くが説明されています。