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

Question

我正在寻找使用 System.Windows.Shapes.Path 在 XAML 中创建以下形状

（图像有点粗糙，但显示了左上角和右上角的弯曲角以及弯曲的底部图像）。

到目前为止，我的底部曲线如下：

<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" ... />

但我不确定如何使顶角变圆。

Answer 1

您可以在路径几何中使用椭圆弧（类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>