MSDN Home > Documentation > .NET > Frameworks > .NET Framework 3.5 > Styles and Themes

Styles and Themes in .NET Framework 3.5

The .NET Framework 3.5 introduced significant advancements in the way applications can be styled and themed, primarily through Windows Presentation Foundation (WPF). WPF offers a powerful and flexible declarative approach to UI design, enabling developers to separate presentation from logic and create visually rich, dynamic user experiences.

Understanding Styles

A Style in WPF is a set of property values that can be applied to one or more UI elements. Styles promote consistency and reusability in your application's appearance. You can define a style and then apply it to individual elements, or to all elements of a specific type within a scope (like a window or an application).

Key Features of WPF Styles:

Resource-based: Styles are defined as resources within XAML.
TargetType: A style is associated with a specific control type (e.g., Button, TextBlock).
Setters: Within a style, Setter elements define property values to be applied.
Triggers: Styles can dynamically change property values based on certain conditions (e.g., mouse over, button pressed).
BasedOn: Styles can inherit from other styles, enabling theme inheritance and customization.

Example of a Simple Style:

<Window.Resources>
    <Style TargetType="Button">
        <Setter Property="Background" Value="LightBlue"/>
        <Setter Property="Foreground" Value="DarkSlateGray"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="Padding" Value="10,5"/>
    </Style>
</Window.Resources>

<Button Content="Click Me"/> <!-- This button will automatically get the style -->

Exploring Templates

While styles define property values, Control Templates define the visual structure and appearance of a control. A control template allows you to completely redefine how a control is rendered, giving you ultimate control over its look and feel.

Common Template Types:

ControlTemplate: Defines the visual structure of a control.
DataTemplate: Defines how data objects are displayed.
HierarchicalDataTemplate: Used for displaying hierarchical data structures.

Example of a Custom Button Template:

<Window.Resources>
    <ControlTemplate TargetType="Button" x:Key="CustomButtonTemplate">
        <Border Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}"
                CornerRadius="5"
                Padding="{TemplateBinding Padding}">
            <ContentPresenter HorizontalAlignment="Center"
                              VerticalAlignment="Center"/>
        </Border>
    </ControlTemplate>
</Window.Resources>

<Button Template="{StaticResource CustomButtonTemplate}" Content="Custom Button"/>

Theming Mechanisms

WPF provides robust mechanisms for theming applications, allowing you to create distinct visual themes that can be applied and switched dynamically.

Global Styles and Resources:

By defining styles and resources in the Application.Resources section of your App.xaml file, you can make them available application-wide. This is the most common way to establish a consistent theme across your entire application.

Visual States:

WPF's VisualStateManager allows you to define different visual states for a control and transition smoothly between them. This is essential for interactive elements like buttons that change appearance based on user interaction (e.g., hover, pressed, disabled).

Tip: Combine Styles, Templates, and Visual States to create highly customized and adaptive user interfaces.

Benefits of Styles and Themes in WPF:

Consistency: Ensures a uniform look and feel across the application.
Maintainability: Changes to appearance can be made in one place.
Designer-Friendliness: Allows designers to focus on visual aspects without deep coding knowledge.
Accessibility: Can be designed with accessibility in mind, ensuring usability for all users.
Theming: Enables easy creation and switching of different visual themes.

By leveraging the power of styles and templates in .NET Framework 3.5's WPF, developers can build sophisticated, visually appealing, and maintainable user interfaces that adapt to user preferences and branding requirements.