WPF Tutorial for Beginners

What is WPF?

WPF is a framework for building Windows applications that allows developers to create rich user interfaces with 3D animations and rich colors using less code complexity. It is a vector-based rendering engine that uses the hardware acceleration of modern graphics cards, which makes the UI faster and highly scalable. WPF stands for Windows Presentation Foundation.

WPF can be considered an evolution over WinForms. It provides an easy-to-operate graphical display system for Windows and offers a clean separation between UI and business logic.

WPF applications are typically deployed as standalone desktop programs, and they can also be hosted as embedded objects in other applications.

Why WPF?

There are many reasons for using the WPF platform. Some prominent ones are:

• An ideal platform to use if you require to deal with various media types
• WPF allows you to create a skinned user interface. It also helps you when you need to load a portion of the UI or want to bind XML data
• It allows you to take the benefit of the large .NET class library as it is built on .NET technology
• Resolution independence, so applications developed using WPF can run on small tablet screens or a 20-inch monitor
• WPF builds on DirectX instead of WinAPI. It uses the client computer’s graphics system, therefore offering greater graphic rendering power
• Supports a flow document model which enables “desktop publishing” quality of layout
• Appearance and behavior are loosely coupled. This allows designers and developers to work on two separate models
• In the WPF framework, you can graphically design tools using simple XML documents instead of parsing code
• Allows you to use hardware acceleration for drawing the GUI, for better performance

Next, let us see how the framework evolved over time.

History of WPF

Windows 1.0 was the first GUI environment from Microsoft. It worked as a layer on top of DOS, relying on the GDI and USER systems for graphics and user interface.

DirectX was introduced in 1995 as a high-performance graphics system aimed at games and other graphics-related environments. Over the years, many versions were released, and DirectX 9 provided a library that could be used with managed .NET code.

WPF version	Release Year	.Net Version	Visual Studio Version	Features
3.0	2006	3.0	N/A	Initial Release. However, WPF development can be done with VS 2005.
3.5	2007	3.5	VS 2008	Modification and improvements in: Application model, binding, controls, documents, annotations, and 3-D UI elements.
3.5 SP1	2008	3.5 SP1	N/A	Native splash screen support. New web browser control, DirectX pixel shader support.
4.0	2010	4.0	VS 2010	New controls: Calendar, DataGrid, DatePicker. Multi-Touch and Manipulation support.
4.5	2012	4.5	VS 2012	Faster startup, improved performance when displaying large data sets. New Ribbon control and INotifyDataErrorInfo interface for data validation.
4.5.1	2013	4.5.1	VS 2013	Minor performance and reliability improvements.
4.5.2	2014	4.5.2	NA	No Major Change
4.6	2015	4.6	VS 2015	Transparent child window support HDPI and Touch improvements
4.8	2019	4.8	VS 2019	Final major .NET Framework release, with high-DPI fixes and accessibility improvements.
.NET Core 3.0 onwards	2019–present	.NET Core 3.0 to .NET 10	VS 2019/2022	WPF becomes open source and ships with modern .NET (applications remain Windows-only).

WPF is no longer versioned separately from .NET. Since 2019, it has shipped as an open-source component of the modern .NET platform, and the current release is included with .NET 10, which arrived in November 2025 as a long-term support (LTS) version.

Features of WPF

The diagram below groups the main WPF capabilities, listed in detail after it.

• Documents and Printing
• Security, Accessibility & Localization
• Offers Interoperability with Windows Forms controls
• Direct3D is used in graphical applications where performance is important
• Uses the video card hardware for rendering
• Vector-based graphics allow you to scale your application without loss of quality
• WPF supports a floating-point logical pixel system and 32-bit ARGB color
• Redefine Styles and Control Templates
• Building international fonts from composite fonts
• WPF text rendering takes advantage of ClearType technology
• Allows you to use the caching technique of pre-rendered text in the video memory
• Resource-based approach for every control
• Presentation timers are initialized & managed by WPF
• The relationship between video and animation is also supported
• In WPF, a style is a set of properties which should be applied to content used for visual rendering
• Templates in WPF help you to change the UI of your document
• Commands are a more abstract and loosely-coupled version of events
• WPF support for commands reduces the amount of code we need to write

Next in this WPF C# tutorial, we will learn about WPF core types and infrastructure.

WPF Core Types and Infrastructures

Classes in WPF are divided into four different types:

• UIElement
• FrameworkElement
• ContentElement
• FrameworkContentElement

These classes are known as base element classes. They provide the foundation for a model of composing user interfaces.

WPF user interfaces are composed of elements which are assembled in a tree hierarchy called the element tree. The element tree is an intuitive way to lay out user interfaces, and it is the structure through which you get powerful UI services.

XAML

Extensible Application Markup Language, which is called “XAML” (pronounced “zammel”), is a declarative way to define user interfaces.

Here is the XAML definition of a simple button:

<Button
FontSize="16"
HorizontalAlignment="Center"
VerticalAlignment="Center"
>
Say Hello Guru99</Button>

Advantages of using the XAML language:

• XAML separates front-end appearance from back-end logic
• XAML is the easiest method to represent user interfaces
• XAML works effectively with design tools

Controls

The WPF framework supports many useful controls like:

• Editing controls like TextBox, CheckBox, RadioButton
• List controls such as ListBox, ListView, TreeView
• User information such as Label, WPF ProgressBar, ToolTip
• Action such as Menu, Button, and ToolBar
• Appearances such as Border, WPF Image, and Viewbox
• Common dialog boxes such as OpenFileDialog and PrintDialog
• Containers such as TabControl, ScrollBar, and GroupBox
• Layouts like DockPanel, StackPanel, and Grid
• Navigation such as Frame and Hyperlink

The appearance of controls can be customized with styles and templates without programming. You can also create a custom control by deriving a new class from an appropriate base class.

Appearance

WPF provides a feature for customizing the appearance of your application. It allows you to set objects and values for things like fonts, backgrounds, etc.

The styles feature allows you to standardize on a specific look for the entire product. It allows you to replace the default appearance while retaining its default behavior.

A data template allows you to control the default visualization of bound data. With the help of themes, you can easily apply the visual styles of the operating system.

Layout & Panels

Layout helps you in the proper positioning and sizing of controls. It is part of the process of composing the presentation for the user. The WPF framework eases the layout process and offers better adaptability of the UI appearance.

The layout infrastructure is offered by five main classes: 1) StackPanel 2) DockPanel 3) WrapPanel 4) Grid and 5) Canvas

Graphics

WPF provides an improved graphics system:

• WPF uses device-independent units, enabling resolution and device independence. Each device-independent pixel automatically scales with the system’s dots-per-inch setting
• WPF uses double instead of float and supports a wider array of colors
• The WPF graphics engine is designed in such a way that it can take advantage of graphics hardware when available

Documents and Printing

The WPF framework offers three types of documents:

• Fixed documents: This type of document supports WYSIWYG presentation.
• Flow documents: Allows you to adjust and reflow content based on run-time variables like window size and device resolution.
• XPS documents: A paginated representation of electronic paper in an XML-based format. XPS is an open, standardized document format.

WPF enables better control over the print system, including remote printing and queues. Moreover, XPS documents can be printed directly without converting them into a print format.

With the building blocks covered, let us see how these pieces fit together internally.

WPF Architecture

WPF is a part of the .NET framework. It contains both managed and unmanaged code. The important components of WPF architecture are explained in the figure below:

Components of WPF architecture

• PresentationFramework: Helps you to create top-level elements like controls, styles, layout, windows, etc.
• PresentationCore: It holds base types such as UIElement and Visual, from which all controls and shapes in PresentationFramework.dll are derived.
• CLR: It makes the development process productive by offering features like memory management, error handling, etc.
• Milcore: Milcore is a part of the unmanaged code which offers tight integration with DirectX.
• DirectX: It is the low-level API which renders the graphics of WPF. DirectX interacts with drivers and renders the content.
• User32: It is a core API which is widely used by many programs. It manages memory and process separation. User32 helps you to decide which element will be placed where on the screen.
• Kernel: Input originates as a signal on a kernel-mode device driver and gets routed to the correct process by connecting with the Windows kernel and User32.

WPF Data Binding

Data binding is one of the most powerful concepts in WPF. Instead of writing code that manually copies values between controls and objects, you declare a connection in XAML, and WPF keeps both sides synchronized automatically. For example:

<TextBox Text="{Binding Path=StudentName, Mode=TwoWay}" />

WPF supports four binding modes:

• OneWay: The control updates when the source data changes
• TwoWay: Changes flow in both directions between control and source
• OneTime: The control reads the source value only once, at load time
• OneWayToSource: The control pushes its value to the source, never the reverse

Data binding is also the engine behind the MVVM (Model-View-ViewModel) pattern, the most common architecture for professional WPF applications, because it lets the view stay in XAML while logic lives in testable C# classes.

💡 Tip: Implement the INotifyPropertyChanged interface on your data classes. Without it, the UI will not refresh when property values change in code.

WPF Installation

Refer to this link to install WPF: https://www.guru99.com/download-install-visual-studio.html

Next in this WPF application tutorial, we will build our first WPF application.

How to Create your first WPF Application?

In this WPF example, we will develop a basic WPF application. So, let’s start the simple implementation by following the steps given in the WPF application example below.

Step 1) In Visual Studio, go to File > New > Project

Step 2) In the new project window

1. Select WPF App
2. Enter Name as “MyWPF”
3. Click OK

Step 3) Visual Studio creates two files by default

• XAML File (MainWindow.xaml)
• CS File (MainWindow.xaml.cs)

The MainWindow.xaml has

1. A Design Window
2. XAML File

In the XAML window, the following tags are written by default:

The Grid is the first element by default.

The MainWindow.xaml.cs contains the corresponding code-behind for the XAML design file:

Step 4) In the toolbox,

1. Drag the TextBox element to the design window
2. A TextBox will appear in the design window
3. You will see XAML code for the TextBox added

Step 5) Change the text to “First WPF Program.”

Step 6) Click the Start Button

Step 7) You will see a Window in the output

Congratulations! You have designed and created your first WPF application. Next in this WPF for beginners tutorial, we will see the difference between WPF and WinForms.

WPF vs. WinForms

WPF	WinForms
It’s a newer framework, so it is more in tune with current standards.	It’s older, so it is more tried and tested.
It’s flexible and feature-rich. You can design very rich applications without coding or buying controls.	Not so feature-rich
Developers of 3rd party controls are focused on compatibility with WPF as it’s the future.	There are many third-party controls that you can buy or get for free.
XAML allows you to create and edit your GUI easily. It allows the work to be split between a designer (XAML) and a programmer (C#, VB.NET, etc.).	In Windows Forms, all the code is written in one place.
XAML skills transfer directly to newer frameworks such as WinUI 3, .NET MAUI, and Avalonia UI.	WinForms skills apply mainly to classic Windows desktop development.
WPF’s in-box control suite is limited	In-box controls are very powerful

Type of Applications built with WPF

• WPF is used for standalone Windows desktop applications such as enterprise line-of-business tools, dashboards, trading terminals, and design software
• Windows Forms and WPF pages can co-exist in the same application
• You can develop page/window navigation-style applications

WPF in Modern .NET

Microsoft open-sourced WPF in December 2018, and since .NET Core 3.0 (2019) the framework has shipped with every modern .NET release, up to and including .NET 10. Moving an application to modern .NET brings faster startup, simpler deployment through self-contained publishing, and access to current C# language features, while the WPF programming model stays the same.

WPF remains Windows-only. If you are choosing a desktop framework today, this comparison helps:

Framework	Best For
WPF	Mature, feature-rich Windows desktop applications with a huge ecosystem
WinUI 3	New applications targeting the modern Windows 11 look and feel
.NET MAUI	Cross-platform applications spanning Windows, macOS, Android, and iOS

Because WPF is actively maintained and deeply embedded in enterprise software, learning it remains a practical investment. Once you are comfortable building these applications, it is worth practicing the most common WPF interview questions to lock in concepts like XAML, data binding, and the visual tree.

FAQs