MetroCircleButton 中的 MahApps Metro 徽章

Question

如果我尝试在 MetroCircleButton 的内容周围放置徽章，边距太大并且似乎不属于该按钮。

  <Controls:Badged Width="45"
            Grid.Row="0"
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            BadgePlacementMode="BottomRight"                            
            Margin="0,0,200,0"
            Badge="3">

         <Button
            x:Name="btnModificaciones"
            Width="45"
            Height="45"              
            BorderBrush="#FF060606"
            Click="btnModificaciones_Click"
            Cursor="Hand"
            Style="{DynamicResource MetroCircleButtonStyle}">

                <iconPacks:PackIconFontAwesome
                    Width="20"
                    Height="20"
                    Foreground="#FF080808"
                    Kind="Wrench" />
         </Button>

</Controls:Badged>

badge in metrocirclebutton

Answer 1

您可以使用负数 Padding 将徽章移近 Button:

<Controls:Badged Width="45"
            Grid.Row="0"
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            BadgePlacementMode="BottomRight"                            
            Margin="20"
            Padding="0 0 -10 -10"
            Badge="3">

    <Button
            x:Name="btnModificaciones"
            Width="45"
            Height="45"              
            BorderBrush="#FF060606"
            Cursor="Hand"
            Style="{DynamicResource MetroCircleButtonStyle}">

        <iconPacks:PackIconFontAwesome
                    Width="20"
                    Height="20"
                    Foreground="#FF080808"
                    Kind="Wrench" />
    </Button>

</Controls:Badged>

MetroCircleButton 中的 MahApps Metro 徽章

MahApps Metro Badge in MetroCircleButton

c#

wpf

mahapps.metro

badge