Video Brush in WPF

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

• 27^th June, 2013: Initial post

This tip is based on http://articlesforprogramming.blogspot.in/2013/06/visual-brush-in-wpf.html.