Wk 6a - WPF

Synopsis:

This lecture introduces Windows Presentation Foundation (WPF), a Graphical User Interface technology that replaces WinForms. Its programming model seems, at first, to be similar to the WinForms model, but in fact its technology is a radical departure from all prior Microsoft GUI frameworks.

Readings and Activities for the Week:

Glossary of Terms

Windows Presentation Foundation (WPF):
A Graphical User Interface (GUI) framework that:
- Builds interface windows using a custom XML markup, called XAML, and C# event handlers.
- Layout model is similar to HTML.
- Provides pervasive dependency relationships between graphical elements and bubbling of events.
- Supports very complete designer control over the appearance and behavior of each window view.
- Runs only on Windows, as a desktop application.
XAML:
A custom XML language where element tags are names of .Net classes, usually placed in a file devoted to markup.
Code behind:
C# code used for handling user and system events, usually placed in a separate code file.

The Syllabus describes topics to be covered, reading material for you to digest as part of each lecture, and due dates for assigned projects.

Projects:

Sample Project #3, Sample Project #4

Project #3, Project #4

SVG demo

This demo works with Chrome, FireFox, Edge, and IE11. It does not work with IE8 and earlier.

SVG demo, SVG demo folder
HTML5 demo

WPF Presentation

Windows Presentation Foundation, pptx

WPF Tutorials:

wpftutorial.net
WPF Tutorial - tutorialspoint.com
WPF - MSDN
Getting Started with WPF - MSDN WPF Tutorial.net - a lot of simple demos that build cumulatively
MVVM model takes advantage of WPF data binding
WPF/MVVM Quick Start
MSDN walkthrough WPF project

Demo code samples

Demo Panels
Illustrates how grid, canvas, dock, stack, and wrap panels work.

Routed Event Demo
Demonstrates event bubbling with Routed Events.

Attached Properties Demo
An example of attached properties used to dock buttons in a window.

Triggers Demo
Illustrates one use of triggers to change a textbox property.

WPF Controls
Shows how several of the most common kinds of controls are used. Includes use of data binding.

Data Template Demo
Data Templates are used to modify how data is displayed in WPF controls.

Control Template
Control templates can be used to modify the presentation of window controls.

Bar Chart Demo
Illustrates using rectangles to build a bar chart where each bar has a tooltip.

WPF with all Code A WPF application can be built without using XAML. This demo illustrates how.

Advanced Demos

Change Notification
Dispatcher Demo
Message Hook
Custom Element Demo

WPFpedia.com Samples

Preparation for Synchronous Discussion:

Using one of the tutorials, above, decide how you would layout a Client for Sample Project #4. Draw a sketch of the UI and be prepared to discuss.

Lecture Take-aways:

The most important things we discussed are:

Windows Presentation Foundation (WPF) presentation
Examples:
Demo Panels
WPF Controls
Data Template Demo
Dispatcher Demo

Week 6a - Windows Presentation Foundation

Concepts and Example Code