Introduction
A VisualBrush
is used to fill UI elements. The following code uses a VisualBrush
to fill a rectangle. We can define a simple or complex UI element and assign it to the VisualBrush.Visual
property using VisualBrush
. We can then use the VisualBrush to create interesting effects, such as reflection and magnification.
How to Use
This example shows how to use the VisualBrush class with a Visual. Here, I am using media element as visual. A Visual
object usually hosts one container panel such as a Grid
or StackPanel
and on this container.
Here is the XAML code:
<Window x:Class="WpfApplication4.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Ellipse Height="100" Width="100" Name="elipsemedia" >
<Ellipse.Fill>
<VisualBrush TileMode="None">
<VisualBrush.Visual>
<MediaElement Source=
"D:\TestingDB\wpftheme\wpftheme\Image\Wildlife.wmv" />
</VisualBrush.Visual>
</VisualBrush>
</Ellipse.Fill>
</Ellipse>
</Grid>
</Window>Colourised in 20ms
Here, I used Ellipse.fill
property for video brush. This fill
property sets the Brush
that specifies how the shape's interior is painted.
History
- 27th June, 2013: Initial post
This tip is based on http://articlesforprogramming.blogspot.in/2013/06/visual-brush-in-wpf.html.