使用Windows.Shapes.Path创建圆角和弯曲底部形状

时间:2012-12-10 16:05:51

标签: wpf xaml styles shapes

我希望使用System.Windows.Shapes.Path在XAML中创建以下形状 enter image description here

(图像有点粗糙,但展示了左上角和右上角的曲角以及弯曲的底部图像)。

到目前为止,我的底部曲线如下:

<Path Data="M0,0 L300,0 L300,40.768158 L296.83832,41.189522 C253.5976,46.794456 203.45944,50.000004 150,50.000004 C96.540565,50.000004 46.402409,46.794456 3.1617098,41.189522 L0,40.768158" ... />

但我不确定如何让这个顶角四舍五入。

1 个答案:

答案 0 :(得分:4)

您可以在路径几何中使用椭圆弧(类ArcSegment):

<Path Fill="Black"
      Data="M0,20 A20,20 0 0 1 20,0 L280,0 A20,20 0 0 1 300,20 L300,150 A150,75 0 0 1 0,150 Z"/>

或者你也可以使用CombinedGeometry这样:

<Path Fill="Black">
    <Path.Data>
        <CombinedGeometry GeometryCombineMode="Union">
            <CombinedGeometry.Geometry1>
                <RectangleGeometry Rect="0,0,300,170" RadiusX="20" RadiusY="20"/>
            </CombinedGeometry.Geometry1>
            <CombinedGeometry.Geometry2>
                <EllipseGeometry Center="150,150" RadiusX="150" RadiusY="75"/>
            </CombinedGeometry.Geometry2>
        </CombinedGeometry>
    </Path.Data>
</Path>