c# - 创建由左、中、右图像组成的画笔，其中平铺中间图像

Question

我需要在 WPF 中创建一个画笔，用作面板的背景。画笔的高度固定但宽度可变。中间图像需要平铺以填充空间，而左右图像是固定的。我尝试使用 VisualBrush 和带有图像的网格，但它无法正确对齐/缩放。这是一个适用于固定宽度的画笔。我如何让它工作，以便它为可变宽度的面板平铺中间图像？

<DrawingBrush x:Key="Background">
    <DrawingBrush.Drawing>
        <DrawingGroup>
                <ImageDrawing Rect="0 0 16 16" ImageSource="Resources/Left.png"/>
                <ImageDrawing Rect="16 0 16 16" ImageSource="Resources/Middle.png"/>
                <ImageDrawing Rect="48 0 16 16" ImageSource="Resources/Right.png"/>
            </DrawingGroup>
        </DrawingGroup>
    </DrawingBrush.Drawing>
</DrawingBrush>

Answer 1

我不确定您是否真的可以这样做，因此作为替代方案，使用绑定(bind)和转换器生成新的画笔以适应适当的大小。

<Grid VerticalAlignment="Center" Height="16" Margin="16,0" HorizontalAlignment="Stretch"
    Background="{Binding Path=ActualWidth, RelativeSource={RelativeSource Self},Converter={StaticResource widthToBrushConverter}}"/>

并在宽度刷转换器

public class WidthToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var width = (double)value;

        var result = new DrawingBrush();
        var group = new DrawingGroup();
        result.Drawing = group;

        group.Children.Add(new ImageDrawing(new BitmapImage(new Uri(@"Resources\Left.png", UriKind.Relative)), new Rect(0, 0, 16, 16)));
        group.Children.Add(new ImageDrawing(new BitmapImage(new Uri(@"Resources\Centre.png", UriKind.Relative)), new Rect(16, 0, width, 16)));
        group.Children.Add(new ImageDrawing(new BitmapImage(new Uri(@"Resources\Right.png", UriKind.Relative)), new Rect(16 + width, 0, 16, 16)));
        return result;
    }

更新 唯一的问题是这似乎不起作用。我只是黑屏