Windows Presentation Foundation: 2 Layout

2h 14mIntermediate2016-12-02

Authors

Walt Ritscher

Programmer, UI Designer, Staff Instructor at LinkedIn Learning

Course details

Windows Presentation Foundation (WPF) in Visual Studio 2015 provides developers with a unified programming model for building modern applications on Windows. In this course, expert developer Walt Ritscher steps you through the details of how to create rich Windows user experiences using WPF's layout panels: basic UI containers used to position and arrange elements in XAML and other code. Explore the six prebuilt layout panels available, including stack, dock, and grid panels, and learn how to add rows, columns, and child elements; size and position content; and create a custom layout panel of your own, for more precise control of your interface designs.

Learning objectives
Exploring the layout panels
Working with the grid
Adding rows and columns
Creating scrolling content
Controlling element visibility
Aligning content
Making custom layout panels

Skills covered

Visual StudioSoftware DesignWindowsMicrosoftSoftware DevelopmentDeep Dive (X:Y)

Concepts

0. Introduction

01 - Welcome
02 - What you should know before watching
03 - Using the exercise files

1. Layout Panels

04 - Understand layout and child elements
05 - Use the LetterBox custom project
06 - Explore the layout panels
07 - Use the StackPanel
08 - Use the WrapPanel
09 - Use the DockPanel
10 - Use the UniformGrid
11 - Explore columnar layout with the grid
12 - Work with grid column and row sizes
13 - Add grid rows and columns with the designer
14 - Size grid rows and columns with the designers
15 - Position grid child elements with the designer
16 - Make sizeable grid cells with the GridSplitter
17 - Absolute positioning with the Canvas
18 - Scrolling content with the ScrollViewer
19 - Use a TabControl

2. Other Layout Concepts

20 - Control the visibility of an element
21 - Understand the layout process
22 - Indicate control size
23 - How panels affect control size
24 - Adjust content alignment
25 - Overlay elements with ZIndex
26 - Work with margins

3. Custom Layout Panel

27 - Why make a custom layout panel
28 - Examples of custom layout panels
29 - Anatomy of a custom panel
30 - Use a custom panel
31 - Replace layout panel in ListBox

Conclusion

32 - Next steps