![\"Einstellen](\"..\/fileadmin\/_temp_\/2020_02\/pic_216_001.png\")
<\/p>\nVisual Studio und WPF bieten verschiedene Möglichkeiten, um das Aussehen von Steuerelementen zu beeinflussen. Sie können die Eigenschaften über das Eigenschaftsfenster ändern, die Werte der Attribute direkt für das jeweilige Element im XAML-Code definieren oder auch Stilvorlagen festlegen, die entweder für alle betroffenen Elemente in der Anwendung gültig sind oder auch nur für ein bestimmtes Objekt wie ein Fenster oder eine Seite. Dieser Artikel beschreibt die verschiedenen Möglichkeiten, wie Sie die Steuer-elemente Ihrer Anwendung anpassen können.<\/b><\/p>\n
Eigenschaften per Eigenschaftsfenster<\/b><\/p>\n
Der offensichtlichste Weg, um Eigenschaften für Steuer-elemente einzustellen, ist das Eigenschaftsfenster. Bei einem Button-Element benötigen Sie meist die Eigenschaften der Kategorie Layout (siehe Bild 1). Sie können ein oder mehrere Steuer-elemente markieren, deren Eigenschaften Sie einstellen möchten – die eingegebenen Werte werden dann auf alle aktuell markierten Steuer-elemente angewendet. Weisen Steuer-elemente unterschiedliche Werte für eine der Eigenschaften auf, werden die Eigenschaftswerte nicht angezeigt.<\/p>\n
<\/p>\n
Bild 1: Einstellen per Eigenschaftsfenster<\/span><\/b><\/p>\n Eigenschaften je Steuer-element per XAML<\/b><\/p>\n Die Änderungen der Werte im Eigenschaftsfenster wirken sich unmittelbar auf den XAML-Code des Steuerelements aus. Der XAML-Code enthält nach dem Einfügen eines Steuer-elements zunächst einen minimalen Satz von Eigenschaften. Alle Eigenschaften, die nicht als Attribut mit dem Steuer-element aufgeführt werden, enthalten implizit den Standardwert.<\/p>\n Einheitliche Eigenschaften für mehrere Steuerelemente<\/b><\/p>\n Sie können die Attribute natürlich auch direkt im XAML-Code anpassen. Damit erreichen Sie dann umgekehrt auch eine Anpassung der Werte im Eigenschaftsfenster. Bevor Sie ein Attribut für genau ein Steuer-element anpassen, prüfen Sie, ob diese Anpassung wirklich nur für dieses Steuer-element relevant ist. Wenn Sie etwa die Padding<\/b>-Eigenschaft ändern, die den Abstand vom Inhalt zu den Begrenzungen des Steuerelements festlegt, sollten Sie sicher sein, dass diese Eigenschaft wirklich nur explizit für ein Steuer-element geändert werden soll. Alternativ können Sie in Erwägung ziehen, dass es mehrere gleichartige Steuer-elemente gibt, für die Sie diese Eigenschaft einheitlich gestalten wollen. Natürlich gibt es Eigenschaften, die tatsächlich nur ein Steuer-element betreffen – zum Beispiel die Beschriftung oder die Namen von Ereignisroutinen, die Sie für die Ereignisattribute angeben. Und auch der Steuerelementname ist natürlich ein individuelles Attribut, das Sie, wenn nötig, für jedes Steuerelement einzeln festlegen.<\/p>\n Das Style-Element<\/b><\/p>\n Wenn es jedoch Attribute gibt, die Sie für eine Gruppe von Steuerelementen festlegen wollen, dann können Sie ein mächtiges Feature von WPF nutzen: das Style<\/b>-Element. Der wichtigste Nutzen von Style<\/b>-Elementen ist, Attribute zu definieren, die Sie Steuerelementen zuweisen können, statt die Attribute für jedes Steuer-element einzeln zu definieren. Wenn wir zwei Schaltflächen mit den Attributen Padding <\/b>und Margin <\/b>ausstatten wollen, können wir das für jede Schaltfläche individuell erledigen:<\/p>\n Der direkteste Weg, Attribute für mehrere Steuer-elemente zu definieren, ist ein Style, den Sie im übergeordneten Element festlegen. Im folgenden Beispiel haben wir dem StackPanel<\/b>-Element, in dem sich die betroffenen Steuer-elemente befinden, ein StackPanel.Resources<\/b>-Element hinzugefügt. Dieses enthält ein Style<\/b>-Element, für das wir den x:Key <\/b>namens buttonStyle <\/b>angegeben haben. Damit kann der Style referenziert werden. Hier haben wir zwei Setter<\/b>-Elemente eingefügt. Das Setter<\/b>-Element gibt mit Property <\/b>das Attribut an und mit Value <\/b>den zu verwendenden Wert. Wichtig bei dieser Variante ist, dass wir dem Attributnamen die Control<\/b>-Klasse voranstellen (Control.Margin<\/b>).<\/p>\n Damit die Attribute auf die Button<\/b>-Elemente angewendet werden, weisen wir diesen den Style explizit mit Style=”{StaticResource buttonStyle}” <\/b>zu:<\/p>\n Die Schaltflächen sehen nun genauso aus wie die aus dem vorherigen Beispiel. Wenn wir wie in diesem Beispiel nur zwei Schaltflächen mit zwei Attributen ausstatten wollen, scheint dies übertriebener Aufwand zu sein. Allerdings brauchen Sie schon die erste Änderung nur noch an einer Stelle auszuführen. Umso mehr Attribute es gibt und je mehr Steuerelementen Sie diese zuweisen, umso mehr lohnt sich das Anlegen von Style<\/b>-Elementen.<\/p>\n Styles vererben<\/b><\/p>\n Wenn Sie beispielsweise zwei verschiedene Typen von Schaltflächen in Ihren Fenstern verwenden wollen, von denen einige die Beschriftung in normaler Breite anzeigen, andere jedoch eine fette Schrift verwenden sollen, müssen Sie keine zwei Style<\/b>-Elemente anlegen, wobei das zweite Style<\/b>-Element nochmal alle Eigenschaften enthält, die das erste bereits definiert hat. Stattdessen gehen wir wie folgt vor und behalten das Style<\/b>-Element namens buttonStyle <\/b>bei. Außerdem legen wir ein weiteres Style<\/b>-Element namens buttonStyleBold <\/b>an, das nur die Eigenschaft FontWeight <\/b>auf den Wert Bold <\/b>festlegt. Damit dieses Style<\/b>-Element auf dem Style<\/b>-Element buttonStyle <\/b>aufbaut, fügen wir diesem das Attribut BasedOn <\/b>hinzu und stellen es auf den Namen des ersten Style<\/b>-Elements ein, also buttonStyle<\/b>. Den beiden Schaltflächen weisen wir dann einmal buttonStyle <\/b>und einmal buttonStyleBold <\/b>zu:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span><StackPanel Orientation=\"Horizontal\">\r\n <Button Padding=\"3\" Margin=\"3\">Schaltfläche 1<\/Button>\r\n <Button Padding=\"3\" Margin=\"3\">Schaltfläche 2<\/Button>\r\n<\/StackPanel><\/pre>\n
<StackPanel Grid.Row=\"1\" Orientation=\"Horizontal\">\r\n <StackPanel.Resources>\r\n <Style x:Key=\"buttonStyle\">\r\n <Setter Property=\"Control.Margin\" Value=\"3\" \/>\r\n <Setter Property=\"Control.Padding\" Value=\"3\" \/>\r\n <\/Style>\r\n <\/StackPanel.Resources>\r\n <Button Style=\"{StaticResource buttonStyle}\">Schaltfläche 1<\/Button>\r\n <Button Style=\"{StaticResource buttonStyle}\">Schaltfläche 2<\/Button>\r\n<\/StackPanel><\/pre>\n<StackPanel Grid.Row=\"2\" Orientation=\"Horizontal\">\r\n <StackPanel.Resources>\r\n <Style x:Key=\"buttonStyle\">\r\n <Setter Property=\"Control.Margin\" Value=\"3\" \/>\r\n <Setter Property=\"Control.Padding\" Value=\"3\" \/>\r\n <\/Style>\r\n <Style x:Key=\"buttonStyleBold\" BasedOn=\"{StaticResource buttonStyle}\">\r\n <Setter Property=\"Control.FontWeight\" Value=\"Bold\" \/>\r\n <\/Style>\r\n <\/StackPanel.Resources>\r\n <Button Style=\"{StaticResource buttonStyle}\">Schaltfläche 1<\/Button>\r\n <Button Style=\"{StaticResource buttonStyleBold}\">Schaltfläche 2<\/Button>\r\n<\/StackPanel><\/pre>\n
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t