Hình tròn nút tròn Metro

Question

Tôi đang sử dụng Button với MetroCircleButtonStyle với MetroUI trong WPF. Làm thế nào tôi có thể thay đổi hình nền của Button này?

Code:

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

Hiện nay nút giống như thế này nhưng tôi muốn một ở bên phải:

Answer 1

Nếu bạn nhận được Git-Source cho MahApps.Metro, Nó có một vài mục tiêu demo cho bạn thấy mức sử dụng bình thường của hầu như tất cả các điều khiển của chúng.

Trong MetroDemo mục tiêu dưới MainWindow.xaml sử dụng của họ về MetroCircleButtonStyle trông giống như:

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

Trong trường hợp của bạn, bạn muốn prolly muốn tài nguyên "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> 

Lưu ý bạn cần phải thêm ResourceDictionary chứa các số Canvas cho việc này. Nó cũng có thể nhận được từ các gói NuGet (MahApps.Metro.Resources).

Khái niệm là áp dụng khá nhiều đường dẫn của bạn lựa chọn (mà bạn nhận được một số ít như được liệt kê trong tài liệu) là VisualBrush và bạn nên được sắp xếp.

Answer 2

Tôi nghĩ rằng bạn cần phải thiết kế nút tùy chỉnh riêng của bạn, nhưng nó khá dễ dàng.

Here được giải thích rất nhiều cách bạn có thể làm điều đó.