So zeichnen Sie eine Schaltfläche in XAML als Kreis neu

So zeichnen Sie eine Schaltfläche in XAML als Kreis neu
Beim Verwenden des XAML-Layouts müssen manchmal einige Schaltflächen Kreise anstelle der standardmäßigen Rechtecke verwenden, um der Benutzeroberfläche ein Metro-ähnliches Aussehen zu verleihen. Der folgende Button-Stil kann dieses Problem lösen und kann entsprechend Ihren Anforderungen geändert werden. Wenn Sie mit Bland vertraut sind, können Sie es natürlich direkt verwenden, um den gewünschten Stil zu zeichnen, aber ist es schneller, den Code einzufügen?

Code kopieren
Der Code lautet wie folgt:

<Style x:Key="btnNext" Zieltyp="Schaltfläche">
<Setter-Eigenschaft="Vorlage">
<Setter.Wert>
<ControlTemplate TargetType="Schaltfläche">
<Raster>
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Gedrückt">
<Storyboard>
<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="Rechteck">
<DiscreteObjectKeyFrame KeyTime="0">
<DiskretesObjektKeyFrame.Wert>
<Dicke>-3</Dicke>
</DiscreteObjectKeyFrame.Value>
</DiskretesObjektKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal"/>
<VisualState x:Name="Deaktiviert"/>
<VisualState x:Name="MouseOver"/>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
<VisualState x:Name="Fokussiert"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Rechteck x:Name="Rechteck" RadiusY="25" RadiusX="25" Strich="Blau" Strichstärke="4">
</Rechteck>
<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Raster>
</ControlTemplate>
</Setter.Wert>
</Setter>
<Setter-Eigenschaft="Margin" Wert="5"/>
<Setter-Eigenschaft="Breite" Wert="50"/>
<Setter-Eigenschaft="Höhe" Wert="50"/>
<Setter-Eigenschaft="Schriftgröße" Wert="120"/>
<Setter Property="Vordergrund" Value="Weiß"/>
</Stil>

<<:  Detaillierte Erläuterung des Datenproxys und der Ereignisse von VUE

>>:  Zwei Möglichkeiten, die CSS-Priorität zu verstehen

Artikel empfehlen

Detaillierte Schritte zum Erstellen eines Vue-Scaffolding-Projekts

Vue-Gerüst -> vue.cli Erstellen Sie schnell ei...

Sieben Möglichkeiten zur Implementierung der Array-Deduplizierung in JS

Inhaltsverzeichnis 1. Verwenden von Set()+Array.f...

VMware Workstation ist nicht mit Device/Credential Guard kompatibel

Beim Installieren einer virtuellen Maschine wird ...

HTML-Auszeichnungssprache - Formular

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

So rufen Sie das Kennwort für MySQL 8.0.22 auf dem Mac ab

Neueste Version von MySQL 8.0.22 zur Kennwortwied...

Grundlagen der funktionalen Programmierung in JavaScript

Inhaltsverzeichnis 1. Einleitung 2. Was ist funkt...

Eine kurze Erläuterung temporärer MySQL-Tabellen und abgeleiteter Tabellen

Abgeleitete Tabellen Wenn die Hauptabfrage eine a...

Dieser Artikel hilft Ihnen, den Quellcode von PReact10.5.13 zu verstehen

Inhaltsverzeichnis render.js-Teil create-context....