Windows Presentation Foundation 4: Brushes and Colors

Learn how Windows Presentation Foundation tools like brushes and the visual Color Editor can help you create more appealing and engaging user experiences.

Introduction

• Welcome
• What you should know before watching
• Disable the WPF debugging tool
• Use the exercise files

1. Brush and Color Overview

• Overview of the brushes
• Examples of the brushes
• Which properties are brushable?
• Paint with a SolidColorBrush in code
• Paint with a SolidColorBrush in XAML
• The Brush type converter

2. Colors

• Color and colorspaces
• Work with RGB channels
• Use hexadecimal color values
• Opacity and transparency
• sRGB colorspace
• Use WPF preset colors

3. The Visual Studio Color Editor

• Basics
• Use the Eyedropper
• Use HSL and CMYK color values

4. The Gradient Brushes

• Why use gradients in the UI
• Banded colors with LinearGradientBrush
• Create a LinearGradientBrush with Property window
• Transform gradients
• Create rings with a RadialGradientBrush
• Build a sample UI with gradients

5. The Tiled Brushes

• Decorate elements using the ImageBrush
• Set tiled properties using the TileBrush
• Clone UI elements using the VisualBrush
• Paint with video using the VisualBrush

6. Brushes and Colors in Resources

• Add colors to XAML resources
• Add brushes to XAML resources
• Use system color resources

7. Opacity Mask

• Overview of an Opacity Mask
• Examples of opacity patterns

Conclusion

• Next steps