2013-07-20 4 views
5

Używam Button z MetroCircleButtonStyle z MetroUI w WPF. Jak mogę zmienić tło tego Button?Metro Circle Background Background

Kod:

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

Obecnie przycisk wyglądać tak, ale chcę się z jedną z prawej strony:

enter image description here

Odpowiedz

6

Jeśli otrzymasz numer Git-Source dla MahApps.Metro, ma on kilka celów demonstracyjnych, które pokazują normalne użycie prawie wszystkich kontrolek.

W MetroDemo cel pod MainWindow.xaml ich wykorzystanie MetroCircleButtonStyle wygląda następująco:

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

W twoim przypadku, ty naprawde chcesz the "appbar_add" resource

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

Uwaga trzeba dodać ResourceDictionary zawierająca do tego Canvas. Można go również pobrać z pakietów NuGet (MahApps.Metro.Resources).

Koncepcja jest prawie stosowana do wybranej przez ciebie ścieżki (którą otrzymujesz całkiem sporo z wymienionych w dokumentach) jako VisualBrush i powinieneś być posortowana.

+0

To działa! Dzięki stary :) –

1

myślę, że trzeba zaprojektować swój własny przycisk niestandardowy ale to dość łatwo.

Here są wyjaśnione na wiele sposobów, aby to zrobić.