Use the Visual Studio Property window to visualize the gradient components during LinearGradientBrush editing.
- [Voiceover] Grading a linear gradiant brush…in XAML is not that hard, but if you use the property window…in Visual Studio, I think it's easier…to fine-tune the look of the gradient,…so that's what I'll show you how to do in this video.…I've got my polygon selected, and you'll see…that it's currently got a value of fill = white.…Select this, then go to my property window,…open the brush section, and here's the standard editor.…No brush, solid color brush, and this third button…is the gradient brush, so this creates…a linear gradient brush.…
You'll see that I get a gradient that starts with…a black color and ends with a white color,…and if you look at my XAML, you'll see that…Visual Studio did the right thing, it created a polygon…with that fill, generated my linear gradient brush…with a default value for the end point and start point…and then added two gradient stops,…one with offset of zero and one with offset of one.…Now I can fine-tune this by choosing my polygon…and this bar here represents the color,…so if you've got a solid color brush, that bar goes away.…
- 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.