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，那就太好了。)

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>