Learn to use the ViewPort, ViewBox, and TileMode properties from the Windows Presentation Format TileBrush and create intricate pixel patterns in the UI.
- [Narrator] The Image Brush is considered to be…a Tile Brush.…By that I mean that it derives from…this abstract base class, Tile Brush.…And what I'll look at in this video…is some of the properties that do the tiling…of the image, where these other brushes.…I'll be looking at these properties,…Tile Mode, Viewbox and Viewport.…All the examples I show in this video…are for the Image Brush…but everything I show you also applies…to the Visual Brush and the Drawing Brush.…I'll be modifying the grid on this window.…
Start by going to Properties…and then Creating an Image Brush.…As you can see, the image is filling…the entire background of the grid.…Over here in this drop down is the property called…Tile mode, currently set to None.…Changing these values doesn't seem to affect the picture.…That's because you have to set the Viewport property.…You don't see the Viewport here.…What you'll need to do is select…the Image Brush itself,…then you'll see the Viewport property.…
So think of this as the bounding box,…zero zero being the upper left…
- 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.