在 XAML 中使用矩形形状作为剪辑

本文关键字：XAML | 更新日期: 2023-09-27 18:30:25

有没有办法将普通矩形（形状）用作 XAML 中另一个对象的剪辑的一部分。 似乎我应该可以，但解决方案让我无法找到。

<Canvas>
        <Rectangle Name="ClipRect" RadiusY="10" RadiusX="10" Stroke="Black" StrokeThickness="0" Width="32.4" Height="164"/>
<!-- This is the part that I cant quite figure out.... -->
<Rectangle Width="100" Height="100" Clip={Binding ElementName=ClipRect, Path="??"/>
</Canvas>

我知道我可以使用"矩形几何"类型的方法，但我对上面介绍的代码的解决方案更感兴趣。

在 XAML 中使用矩形形状作为剪辑

尝试 Shape.RenderedGeometry 属性。

<Rectangle Width="100" Height="100"
           Clip="{Binding ElementName=ClipRect, Path=RenderedGeometry}" />

ClipRect.DefiningGeometry nd ClipRect.RenderedGeometry 只包含RadiusX和RadiusY值，但不包含Rect。

我

不确定您究竟想要实现什么（我不清楚您的示例中），但您可以编写一个IValueConverter，从引用的Rectangle中提取您需要的信息：

public class RectangleToGeometryConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var rect = value as Rectangle;
        if (rect == null || targetType != typeof(Geometry))
        {
            return null;
        }
        return new RectangleGeometry(new Rect(new Size(rect.Width, rect.Height)))
        { 
            RadiusX = rect.RadiusX, 
            RadiusY = rect.RadiusY 
        };
    }
    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后，您将在绑定定义中使用此转换器：

<Rectangle Width="100" Height="100" 
            Clip="{Binding ElementName=ClipRect, Converter={StaticResource RectangleToGeometryConverter}}">

当然，您需要先将转换器添加到您的资源中：

<Window.Resources>
    <local:RectangleToGeometryConverter x:Key="RectangleToGeometryConverter" />
</Window.Resources>
相关文章：