在WPF中为VisualBrush设置边界

Question

有一个蓝色矩形，其中填充了自定义VisualBrush （左图）。 一条线穿过矩形。 如何修剪笔刷以获得正确的图像形状。

Answer 1

看一下LinearGradientBrush。 您想对自定义VisualBrush使用类似的方法。

    <Rectangle Width="100" Height="200">
        <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="Blue" Offset="0"/>
                <GradientStop Color="Blue" Offset="0.405"/>
                <GradientStop Color="Black" Offset="0.405"/>
                <GradientStop Color="Black" Offset="0.722"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>

我不知道您的自定义笔刷是什么，但是如果您允许它与渐变笔刷类似地工作。

另一个选择是实际上有两个矩形，中间有一个分隔符，每个矩形都有一个单独的渐变笔刷。 那么红线实际上就是分隔符的背景色。

    <DockPanel Width="100" Height="200">
        <Rectangle DockPanel.Dock="Top" Height="100" Margin="0">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Black" Offset="1"/>
                    <GradientStop Color="White"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Separator Height="2" DockPanel.Dock="Top" Background="Red" Margin="0"></Separator>
        <Rectangle Margin="0" Fill="Black"/>
    </DockPanel>