2

我需要在 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>
4

1 回答 1

0

我不确定你是否真的能做到这一点,因此作为替代方案,使用绑定和转换器生成一个新的画笔以适合适当的大小。

<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;
    }

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

于 2012-09-21T09:04:02.793 回答