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> ```