矩形角半径

Question

这是一个关于具有边界半径的矩形的一般问题。我正在与一位开发人员合作，该开发人员使用我的 Photoshop 组件并将设计应用于 Blend 中的原型。他们告诉我在 Blend 中不可能创建只有 2 个弯曲角的矩形。假设您必须拥有所有 4 个带有边界半径的角，或者根本没有。理想情况下，我只想要边框半径为 10 的左上角和右上角和没有曲线的底部边缘。我只想知道这是否可行。

Answer 1

矩形是不可能的。但是可以使用 Border。

<Border Width="230" Height="100" CornerRadius="10 10 0 0" Background="red"/>

这些值将以这种方式应用 - “TopLeft TopRight BottomRight BottomLeft”

Answer 2

使用 Clip : RectangleGeometry

<Rectangle Fill="Blue" HorizontalAlignment="Center"  VerticalAlignment="Center" Height="200" Width="200">
    <Rectangle.Clip>        
            <RectangleGeometry Rect="0,20,200,200"  RadiusX="20" RadiusY="20"/>                                                         
    </Rectangle.Clip>
</Rectangle>

使用 VisualBrush

 <Rectangle>
    <Rectangle.Fill>
        <VisualBrush Stretch="None">
            <VisualBrush.Visual>
                <Border CornerRadius="50,50,0,0"  Width="300" Height="200" Background="Navy"></Border>
            </VisualBrush.Visual>
        </VisualBrush>
    </Rectangle.Fill>
</Rectangle>