WPF VisualBrush stretches instead of tileing

visualbrush, wpf, xaml

Solution

Try this:

<UserControl x:Class="WpfApplication1.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <VisualBrush x:Key="MyBrush" TileMode="Tile" Viewport="20, 20, 20, 20" ViewportUnits="Absolute">
            <VisualBrush.Visual>
                <Ellipse Fill="#FF00EBFF" Stroke="Black" StrokeThickness="2" Width="20" Height="20" RenderTransformOrigin="0.5,0.5" />
            </VisualBrush.Visual>
        </VisualBrush>
    </UserControl.Resources>
    <Grid>
        <Grid x:Name="LayoutRoot" Background="{StaticResource MyBrush}">

        </Grid>
    </Grid>
</UserControl>

You need to specify the ViewPort values when using TileMode.

Problem

I've got a VisualBrush on which I've set the TileMode property to Tile. However, it doesn't tile - it stretches. Can anyone assist please? Thanks ``` <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="test" x:Name="UserControl" d:DesignWidth="500" d:DesignHeight="500"> <UserControl.Resources> <VisualBrush x:Key="MyBrush" TileMode="Tile"> <VisualBrush.Visual> <Grid Width="20"> <Ellipse Fill="#FF00EBFF" Stroke="Black" StrokeThickness="2" Width="20" Height="20" RenderTransformOrigin="0.5,0.5" > </Ellipse> </Grid> </VisualBrush.Visual> </VisualBrush> </UserControl.Resources> <Grid x:Name="LayoutRoot" > <Grid Background="{StaticResource MyBrush}" /> </Grid> </UserControl> ```

Original source