矩形CornerRadius

Question

这是一个关于边框半径的矩形的一般问题。我正在和一个开发人员合作，把我的Photoshop公司的产品和设计应用到一个混合的原型中。他们告诉我，在混合的情况下，不可能创建一个只有两个弯角的矩形。据推测，你必须有一个边界半径的所有4个角落，或根本没有。理想情况下，我只想要左上角和右上角，边界半径为10，底部边缘没有曲线。我只想知道这是否可行。

​

​

Answer 1

使用剪辑: 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>

​

​

Answer 2

长方形是不可能的。但使用边界是可能的。

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

这些值将以这种方式应用- "TopLeft TopRight BottomRight BottomLeft"。