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
In diesem Artikelbeispiel wird der spezifische Co...
1. CSS-Schreibformat 1. Inline-Stile Sie können C...
Inhaltsverzeichnis 1. Fälle vorstellen 2. Zeigen ...
Dieser Artikel veranschaulicht anhand von Beispie...
Inhaltsverzeichnis Schritt 1: Installieren Sie no...
eins, G:\MySQL\MySQL Server 5.7\bin> mysqld --...
Häufig gestellte Fragen Wenn Sie easyswoole zum e...
Manche Leute sagen, dass IE9 die zweite Revolutio...
MySQL UNION-Operator Dieses Tutorial stellt die S...
1. Ziehen Sie das Bild Docker-Pull-Registrierung....
Die folgenden HTML-Tags umfassen grundsätzlich all...
Bildschirmeinführung Screen ist eine vom GNU-Proj...
Vorwort Als ich zuvor zu einem Vorstellungsgesprä...
Dieser Artikel stellt die Methode zur Implementie...
Lösung für das Problem, dass in Linux kein Entpac...