Zum Hauptinhalt springen

Styles

In WPF können Sie Styles verwenden, um das Erscheinungsbild Ihrer UI-Elemente zu definieren und zu ändern. Ein Style ist eine Sammlung von Eigenschaften, die auf ein oder mehrere UI-Elemente angewendet werden können, um ihr Aussehen und Verhalten zu beeinflussen.

Styles können in WPF an verschiedenen Stellen abgelegt werden:

  1. Inline-Styles: Sie können einen Style direkt in einem UI-Element definieren, indem Sie die Style-Eigenschaft verwenden. Beispiel:
<Button Content="Click Me">
    <Button.Style>
        <Style TargetType="Button">
            <Setter Property="Background" Value="Red" />
            <Setter Property="Foreground" Value="White" />
        </Style>
    </Button.Style>
</Button>

In diesem Beispiel wird ein Inline-Style definiert, der auf den Button angewendet wird und die Hintergrundfarbe auf Rot und die Vordergrundfarbe auf Weiß festlegt.

  1. Resource Styles: Sie können Styles als Ressourcen in einem Ressourcenwörterbuch definieren und dann auf sie verweisen, wo immer sie benötigt werden. Ressourcen können in verschiedenen Orten abgelegt werden, z. B. in der Window.Resources-Sektion, im Application.Resources-Bereich oder in separaten Ressourcendateien. Beispiel:
<Window.Resources>
    <Style x:Key="MyButtonStyle" TargetType="Button">
        <Setter Property="Background" Value="Red" />
        <Setter Property="Foreground" Value="White" />
    </Style>
</Window.Resources>

<Button Content="Click Me" Style="{StaticResource MyButtonStyle}" />

In diesem Beispiel wird ein Style mit dem Schlüssel "MyButtonStyle" im Ressourcenwörterbuch der Window-Instanz definiert und dann auf den Button angewendet.

  1. Externe Style-Dateien: Sie können Styles in separaten XAML-Dateien definieren und diese Dateien dann in Ihre Anwendung importieren. Dies ermöglicht die Wiederverwendung von Styles in verschiedenen Anwendungen oder Projekten. Beispiel:
<!-- In Styles.xaml -->
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <Style x:Key="MyButtonStyle" TargetType="Button">
        <Setter Property="Background" Value="Red" />
        <Setter Property="Foreground" Value="White" />
    </Style>
</ResourceDictionary>

<!-- In MainWindow.xaml -->
<Window.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Styles.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Window.Resources>

<Button Content="Click Me" Style="{StaticResource MyButtonStyle}" />

In diesem Beispiel wird der Style in einer separaten Styles.xaml-Datei definiert und dann in MainWindow.xaml über <ResourceDictionary.MergedDictionaries> importiert.

Es gibt auch weitere fortgeschrittene Möglichkeiten, Styles in WPF zu organisieren und zu verwenden, wie z. B. das Definieren von BasedOn-Styles, das Erstellen von Stilen für spezifische Control-Typen und das Anwenden von Styles über Styling-Triggers. Die Verwendung von Styles bietet eine flexible und effektive Möglichkeit, das Erscheinungsbild Ihrer WPF-Anwendung zu definieren und zu ändern.

Typisierte Styles​

Typisierte Styles werden verwendet, um das Erscheinungsbild von bestimmten Control-Typen in Ihrer Anwendung anzupassen. Ein typisierter Style ist ein Style, der explizit auf einen bestimmten Control-Typ abzielt, anstatt den allgemeinen TargetType-Wert zu verwenden.

Durch die Verwendung von typisierten Styles können Sie das Erscheinungsbild von Control-Typen wie Button, TextBox, ComboBox usw. individuell anpassen, während Sie dennoch die Vorteile der Wiederverwendbarkeit und des Stylings genießen.

Hier ist ein Beispiel für die Verwendung eines typisierten Styles für einen Button:

<Window.Resources>
    <Style x:Key="MyButtonStyle" TargetType="Button">
        <Setter Property="Background" Value="Red" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="FontSize" Value="14" />
        <!-- Weitere Setter für andere Eigenschaften des Buttons -->
    </Style>
</Window.Resources>

<Button Content="Click Me" Style="{StaticResource MyButtonStyle}" />

In diesem Beispiel wird der Style mit dem Schlüssel "MyButtonStyle" auf den Button angewendet. Da der TargetType des Styles auf Button festgelegt ist, werden die definierten Setter-Eigenschaften nur auf Buttons angewendet, nicht auf andere Control-Typen.

Typisierte Styles bieten eine saubere und effiziente Möglichkeit, das Erscheinungsbild spezifischer Control-Typen anzupassen, während Sie dennoch die Flexibilität und Wiederverwendbarkeit von Styles in WPF nutzen können.

BasedOn Eigenschaft​

Die BasedOn-Eigenschaft ist eine Eigenschaft, die in WPF-Styles verwendet wird, um einen Style auf einem anderen Style basieren zu lassen. Mit der BasedOn-Eigenschaft können Sie einen bestehenden Style erweitern oder ändern, ohne den gesamten Style neu definieren zu müssen.

Indem Sie einen Style auf einen anderen Style mit der BasedOn-Eigenschaft anwenden, erben die Steuerelemente, die den Style verwenden, die Eigenschaften des Basestyles und können zusätzliche oder geänderte Eigenschaften haben.

Hier ist ein Beispiel für die Verwendung der BasedOn-Eigenschaft:

<Window.Resources>
    <Style x:Key="BaseButtonStyle" TargetType="Button">
        <Setter Property="Background" Value="Red" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="FontSize" Value="14" />
        <!-- Weitere Setter für andere Eigenschaften des Buttons -->
    </Style>

    <Style x:Key="SpecialButtonStyle" TargetType="Button" BasedOn="{StaticResource BaseButtonStyle}">
        <Setter Property="Background" Value="Green" />
        <!-- Zusätzliche oder geänderte Setter für den speziellen Button-Style -->
    </Style>
</Window.Resources>

<Button Content="Click Me" Style="{StaticResource SpecialButtonStyle}" />

In diesem Beispiel wird der SpecialButtonStyle definiert, der auf dem BaseButtonStyle basiert. Der SpecialButtonStyle erbt alle Eigenschaften des BaseButtonStyle, kann aber auch zusätzliche oder geänderte Setter-Eigenschaften haben.

Die Verwendung der BasedOn-Eigenschaft ermöglicht es Ihnen, bestehende Styles zu erweitern und anzupassen, ohne den Code duplizieren zu müssen. Dadurch wird das Styling in Ihrer WPF-Anwendung effizienter und einfacher zu warten.

Eventsetter Ereignisse​

Die EventSetter-Klasse in WPF wird verwendet, um Ereignisse für Steuerelemente zu definieren und mit Ereignishandlern zu verknüpfen. Sie ermöglicht es, den XAML-Code zu verwenden, um Ereignisse zu abonnieren und die zugehörigen Ereignishandler zu definieren, ohne dass dafür Code-Behind erforderlich ist.

Hier ist ein Beispiel für die Verwendung des EventSetter:

<Window.Resources>
    <Style x:Key="ButtonStyle" TargetType="Button">
        <EventSetter Event="Click" Handler="Button_Click" />
    </Style>
</Window.Resources>

<Button Content="Click Me" Style="{StaticResource ButtonStyle}" />

In diesem Beispiel wird ein Ereignishandler Button_Click für das Click-Ereignis des Buttons definiert. Der Ereignishandler kann dann in Code-Behind oder im ViewModel implementiert werden, um die entsprechende Logik auszuführen.

Die Verwendung des EventSetter vereinfacht die Ereignisbehandlung in XAML, da Sie die Ereignisse direkt im XAML definieren können, ohne dass Sie den Code-Behind ändern müssen. Es erleichtert auch die Wartung und Lesbarkeit des Codes, da die Ereignishandler direkt im Markup definiert werden.

Kommentare