Wie man ein Symbol in eine Schaltfläche einfügt (MahApps)

Question

Ich möchte ein Symbol aus der MahApps-Bibliothek in eine normale Schaltfläche einfügen. Ich habe versucht, es so aus:

<Button Height="20" Width="25" Background="Transparent" Foreground="White" Content="{StaticResource appbar_close}"/> 

die wie folgt beendet:

So wie kann ich dieses Symbol in diese Taste in einer geeigneten Position zu integrieren?

Answer 1

Sie 2 Möglichkeiten.

Zuerst können Sie die Icon rersources (Probe mit MetroCircleButtonStyle) verwenden

<Button Width="50" 
     Height="50" 
     Style="{DynamicResource MetroCircleButtonStyle}"> 
    <Rectangle Width="20" 
       Height="20" 
       Fill="{Binding Path=Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}"> 
     <Rectangle.OpacityMask> 
      <VisualBrush Stretch="Fill" Visual="{DynamicResource appbar_close}" /> 
     </Rectangle.OpacityMask> 
    </Rectangle> 
</Button> 

und zweite das neue Icon-Packs

<Button Width="50" 
     Height="50" 
     Style="{DynamicResource MetroCircleButtonStyle}"> 
    <Controls:PackIconModern Width="20" Height="20" Kind="Close" /> 
</Button> 

Hoffnung, das hilft.

Answer 2

Wie Sie im github example sehen können, sie setzen eine Rectangle innerhalb des Knopf und dann die OpacityMask Eigenschaft verwenden.

Source

Answer 3

können Sie versuchen, die folgenden ... nur wie von @ ganchito55

<Button Width="25" Height="20"> 
    <Button.Content> 
    <Rectangle Width="20" Height="20"> 
      <Rectangle.Fill> 
      <VisualBrush Visual="{StaticResource appbar_close}" Stretch="None" /> 
      </Rectangle.Fill> 
    </Rectangle> 
</Button.Content> 
</Button> 

Answer 4

In meiner Anwendung habe ich diesen Code, bevor viele Schaltfläche mit Icons zu erstellen:

<Button Command="{Binding EditDetailCommand}" ToolTip="Edit" Style="{DynamicResource buttonstyle}"> 
         <metro:PackIconModern Width="Auto" Height="Auto" Kind="Edit" /> 
        </Button> 

Es scheint, nicht mehr mit den neuesten MahApps zu arbeiten?

Ich mochte die einfache Syntax wirklich, da ich denke, dass es mehr als genug ist, um meine XAML-Dateien zu füllen.

Answer 5

Ich wollte das Icon nur als anklickbare Kontrolle haben, und das ist, wie es für mich mit den neuesten Mahapps Version funktioniert:

<Button Width="16" 
     Height="16" 
     Padding="0" 
     HorizontalAlignment="Right" 
     VerticalAlignment="Center" 
     Click="HelpButton_Click" 
     Style="{x:Null}" 
     Background="Transparent" 
     BorderThickness="0" 
     > 
    <Button.Content> 
     <Icons:PackIconMaterial Kind="Help" 
           VerticalAlignment="Center" 
           HorizontalAlignment="Center" /> 
    </Button.Content> 
</Button> 

Hope this jemand