WPF Development

Learn how to build modern, rich, and interactive desktop applications with Windows Presentation Foundation (WPF) on the .NET Framework.

On this page

Introduction to WPF

Windows Presentation Foundation (WPF) is a powerful UI framework for building Windows desktop applications. It allows you to create applications with rich user interfaces, sophisticated graphics, and seamless integration with other Windows features. WPF separates the UI presentation from the business logic, enabling designers and developers to work more effectively and efficiently.

Unlike older technologies that relied on GDI/GDI+, WPF leverages DirectX for hardware acceleration, resulting in smoother animations, sharper graphics, and a more responsive user experience.

Key Features of WPF

Declarative UI with XAML

Extensible Application Markup Language (XAML) allows you to define your user interface in an XML-based format, separating it from C# or Visual Basic code-behind. This promotes a cleaner architecture and easier collaboration.

Rich Graphics and Media

WPF offers extensive support for 2D and 3D graphics, animations, audio, and video. You can create visually stunning and engaging applications with ease.

Data Binding

A robust data binding engine connects your UI elements directly to data sources, simplifying data synchronization and reducing the amount of boilerplate code needed to update the UI.

Styles and Templates

Customize the appearance and behavior of your controls using styles and control templates. This allows for consistent branding and highly personalized user experiences.

Layout System

WPF provides flexible layout panels (StackPanel, Grid, DockPanel, Canvas, etc.) that enable your applications to adapt gracefully to different screen resolutions and window sizes.

Commanding

A powerful commanding model simplifies the implementation of user actions, allowing for better decoupling of UI elements from the underlying logic.

Getting Started with WPF

To begin building WPF applications, you'll need Visual Studio installed with the ".NET desktop development" workload.

Create Your First WPF Application
  1. Open Visual Studio.
  2. Select "Create a new project".
  3. Search for "WPF Application" and select the template.
  4. Configure your project name and location, then click "Create".

This will generate a basic WPF application with a default window and some starter XAML.

Your First XAML and Code-Behind

The primary window of your application is typically defined in a XAML file (e.g., MainWindow.xaml) and its logic in a code-behind file (e.g., MainWindow.xaml.cs).

Example: MainWindow.xaml

<Window x:Class="MyWpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyWpfApp"
        mc:Ignorable="d"
        Title="My First WPF App" Height="450" Width="800">
    <Grid>
        <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
            <TextBlock FontSize="24" FontWeight="Bold" Text="Hello, WPF!" Margin="0,0,0,20"/>
            <Button Content="Click Me" Click="Button_Click"/>
        </StackPanel>
    </Grid>
</Window>

Example: MainWindow.xaml.cs

using System.Windows;

namespace MyWpfApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Button clicked!");
        }
    }
}

Core Concepts

To master WPF, understanding these core concepts is essential:

  • Dependency Properties: A fundamental aspect of WPF that provides property system features like data binding, styles, animation, and validation.
  • Routed Events: A mechanism that allows events to travel up or down the element tree, enabling more flexible event handling.
  • Control Templating: Customizing the visual appearance of controls beyond simple property changes.
  • Data Binding: Connecting UI elements to data sources to synchronize information.
  • MVVM (Model-View-ViewModel): A popular architectural pattern for WPF applications that promotes testability and maintainability.

Next Steps

Explore the following topics to deepen your WPF knowledge:

© 2023 .NET Documentation. All rights reserved.