Explore examples of SolidColor, Gradient, Image, and Visual Brush in Microsoft Visual Studio's Windows Presentation Foundation. This video also contains an example of the tile properties of the Tile Brush.
- [Instructor] I'll show a few examples…of the types of brushes you can use in WPF.…I'll be using this MainWindow.xaml file,…and I'll take a look briefly at the UI.…So I've got these different elements on the screen,…for instance, I've got this grid,…and I'm setting its Background property.…The Background property is a brushable property,…so I've set that here, and I'll manipulate it in code…by clicking at these different buttons.…So, get the background.…I've also got this, which is called the border.…So there's a border that's around this image,…and I'm setting its BorderBrush property.…
Then I have this section of the UI,…which is called the header grid.…It's another Grid,…and I'll be changing its Background property.…And then finally, I have these ellipses,…in this area of the screen,…and I'll be changing the Fill property,…that's also another brushable property.…The way this works,…is each of these buttons applies a different brush,…so take this first button and click on it,…and we'll apply a solid color brush to parts of the UI.…
Author
Walt Ritscher
Released
1/19/2017- Working with brushes
- Painting properties
- Painting in code
- Working with RGB channels
- Using hexadecimal values
- Setting opacity and transparency
- Editing color in the Visual Studio Color Editor
- Using gradient brushes
- Decorating with tiled brushes
- Adding brushes and colors to resources
- Working with opacity masks
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome1m 2s
-
Use the exercise files1m 27s
-
-
1. Brush and Color Overview
-
Overview of the brushes5m 58s
-
Examples of the brushes4m 25s
-
The Brush type converter4m 22s
-
-
2. Colors
-
Color and colorspaces3m 45s
-
Work with RGB channels5m 38s
-
Use hexadecimal color values5m 13s
-
Opacity and transparency3m 29s
-
sRGB colorspace3m 7s
-
Use WPF preset colors7m 2s
-
-
3. The Visual Studio Color Editor
-
Basics4m 32s
-
Use the Eyedropper1m 45s
-
-
4. The Gradient Brushes
-
Why use gradients in the UI3m 47s
-
Transform gradients4m 43s
-
-
5. The Tiled Brushes
-
6. Brushes and Colors in Resources
-
Add colors to XAML resources6m 41s
-
Use system color resources3m 16s
-
-
7. Opacity Mask
-
Examples of opacity patterns6m 47s
-
Conclusion
-
Next steps1m 11s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Examples of the brushes