Rectangle CornerRadius

时间:2014-12-03 14:45:07

标签: wpf xaml blend

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

Refer to example below

2 个答案:

答案 0 :(得分:3)

使用Rectangle是不可能的。但是可以使用Border。

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

价值将以这种方式应用 - &#34; TopLeft TopRight BottomRight BottomLeft&#34;

答案 1 :(得分:2)

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

enter image description here