XAML：ImageBrush 水平平铺

Question

我已经在互联网上搜索以解决以下问题，但不幸的是我没有找到任何可行的解决方案。

我的目标是在使用画笔的对象底部有一个图像 x 重复的 ImageBrush。另外画笔应该有一个透明的边距，所以重复的图像不能“接触”容器的边框。

目前我能够重复图像 x 轴和 y 轴（我被卡住了......）。我使用以下 XAML：

<ImageBrush 
    x:Key="MandatoryIndicator" 
    ImageSource="image.png" 
    Stretch="None" 
    TileMode="Tile" 
    ViewportUnits="Absolute" 
    Viewport="0,0,16,16" 
    AlignmentY="Bottom"/>

它看起来像这样：

我喜欢这样：

如果你知道我必须如何修改我的画笔 XAML，那就太好了 c[~] =)

Answer 1

您可以使用带有两个嵌套元素的 VisualBrush，如下所示。透明边距需要外部边框（或其他一些外部元素）。

<VisualBrush Stretch="None" AlignmentX="Left" AlignmentY="Bottom">
    <VisualBrush.Visual>
        <Border Background="Transparent"
                Width="{Binding ActualWidth,
                        RelativeSource={RelativeSource AncestorType=FrameworkElement}}">
            <Rectangle Margin="10" Height="16">
                <Rectangle.Fill>
                    <ImageBrush ImageSource="image.png" TileMode="Tile"
                                Viewport="0,0,16,16" ViewportUnits="Absolute"/>
                </Rectangle.Fill>
            </Rectangle>
        </Border>
    </VisualBrush.Visual>
</VisualBrush>