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.…
- 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
Windows Presentation Foundation: 2 Layoutwith Walt Ritscher2h 13m Intermediate
1. Brush and Color Overview
3. The Visual Studio Color Editor
4. The Gradient Brushes
5. The Tiled Brushes
6. Brushes and Colors in Resources
7. Opacity Mask
Examples of opacity patterns6m 47s
Next steps1m 11s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.