Windows Presentation Foundation (WPF)
Course 50151: Five days; Instructor-led

About this Course

Audience Profile

Prerequisites

At Course Completion

Course Outline

Module 1: IntroductionThis module explains how to obtain the Windows Presentation Foundation framework as part .NET Framework 3.0 and later and what other technologies are bundled with WPF.Lessons

• The .NET Framework 3.0
• Introducing WPF

• Use the technologies bundled in the .NET Framework 3.0 release.
• Understand the fundamentals of Windows Presentation Foundation and its design concepts.
• Choose which applications can be developed with WPF.

• First Steps
• The Application Class
• Types of Window
• Dialog Boxes

• In this practice, you will create a WPF application. You will exercise Application events such as Startup, Activated, Shutdown, and so on.

• In this lab, you will create a simple WPF application which will display a Splash Screen at startup.

• Create a WPF application using Visual Studio.
• Work with the WPF Application class.
• Create and display WPF Windows.
• Create and display common dialogs.

• Built-in Controls
• Microsoft Expression Blend
• Content Model
• Decorations

• In this practice, you will create an Image Browser. You will create WPF controls from C
• code including Menu, TreeView, Border, ToolTip, and Expander controls.

• Create built-in controls using Visual Studio and Expression Blend.
• Use the WPF content model to compose complex controls.
• Decorate controls with Decorators and Adorners.

• Introducing XAML
• XAML Fundamentals
• Code Behind
• XAML Properties
• Custom Types
• Markup Extensions
• XAML Serialization

• In this practice, you will create a WPF application based on Visual Studio WPF templates installed with “Orcas”. You will also change Window properties using XAML.

• In this practice, you will use markup code to create a simple WPF window that has a single button as its content.  You will then add C
• code behind and connect it to the markup code. In addition, you will write C
• code inside XAML.

• In this lab, you will map custom and CLR types into markup. You will create type converters and use the property element syntax. You will also create Type Converters and Markup Extensions for best integration of custom types and XAML.

• Use XAML for developer-designer collaboration.
• Understand the XAML inner-workings.
•  Define declarative logical trees using XAML.
• Create custom type converters and markup extensions.
• Serialize and deserialize logical trees using XAML.

• The Layout System
• Layout Panels
• Sizing and Positioning
• Blend Layout Support
• Custom Layout

• In this practice, you will create a Calculator UI to master the WPF Layout System, using DockPanel, WrapPanel, Grid, and Border.

• In this lab, you will create a custom radial panel. This Panel lays its children out in a circle, keeping the angular distance from each child equal. You will use the Panel, MeasureOverride, and ArrangeOverride methods. In addition you will use the UIElementMeasure and Arrange methods.

• Use panels to arrange controls in a window and other containers.
• Create complex layout by composing layout panels.
• Understand the WPF device-independent concept.
• Use Expression Blend to arrange controls inside panels.
• Implement custom layout mechanisms.

• The Visual Layer
• Dependency Properties
• Routed Events
• Input Handling
• Commands

• In this lab, you will create a Color Picker user control with dependency properties and routed events. You will then write a simple window to test this control.

• Analyze the WPF composition tree model.
• Implement custom Dependency Properties.
• Implement custom Routed Events.

• Resources
• Data Binding
• Implementing Data Binding
• Binding to Collections
• Data Templates
• Data Validation

• In this practice, you will create Application level and Window level resources and change them in runtime. You will also learn how to create a special Resource Dictionary XAML file, and then merge it with other resources.

• In this practice, you will create a simple application for displaying system information. You will create a simple model objects with dependency properties, and bind them to the UI using WPF’s Data Binding mechanism.

• In this lab, you will redesign the Photo Album application to exploit WPF Data Binding. You will bind UI to single and collection sources, and you will practice collection views.

• Consume and share resources and resource dictionaries.
• Design models to support the Data Binding mechanism.
• Bind UI elements to data and data collection using Data Binding.
• Convert data two-way, from the model to the view and back.
• Visualize data and data collections using Data Templates.
• Validate user inputs via Data Binding.
• Leverage Expression Blend to bind data.

• Graphics
• Media
• Animation

• The objective of this lab is to demonstrate the integration of the Windows Presentation Foundation’s rendering system, as well as to show the power of XAML. You will create 2-D content, animate it, add video, and finally map it onto a rotating 3-D surface – and you will do all of this without writing a single line of code.

• Create 2D shapes, drawings and geometries with emphasis on performance.
•  Create application user interfaces with media and animation.
•  Leverage Expression Blend to draw and add animations.

• Control Styles
• Control Templates
• Triggers

• In this lab, you will create the famous Tic-Tac-Toe game. You will base your solution on WPF Control Styles, Templates and Data Templates. You will also practice triggering and data binding.

• Appreciate the differences between Styles, Control Templates, and Data Templates.
• Use styles and triggers to change properties of elements.
• Use control templates to replace the default view of controls.
• Leverage Expression Blend to create styles and templates.

• WPF Threading Model
• The Dispatcher Class
• Background Worker

•  Appreciate the limitations and advantages of the single-threaded affinity model.
• Invoke WPF elements from multiple threads and asynchronous callbacks.
• Create background tasks to update the user interface.

• WPF and Win32
• WPF and Windows Forms

• Host a WPF visual tree inside a Win32 window.
• Host a Win32 window inside a WPF visual tree.
• Host a WPF visual tree inside a Windows Forms control.
• Host a Windows Forms control inside a WPF visual tree.
• Beware the limitations and pitfalls of WPF interoperability.