使用多边形在UWP中创建聊天气泡

Question

我正在创建一个聊天应用程序，并想使用多边形在UWP中创建聊天气泡，它看起来像这样，

如何使其表现得像我想在XAML中使用多边形？

Answer 1

如何使其表现得像我想在XAML中使用多边形？

您在上方显示的此聊天气泡可能不是由Polygon创建的，因为边界是通过将一条线从一个点连接到下一个点，而最后一个点连接到第一个点来创建的，但是您的形状包含弧形。

您应该能够使用路径 ，它是一种通用形状，可以使用它来定义任意几何形状。 更多详细信息，请参考绘制形状 。

我通过Path创建了上面的聊天气泡，代码如下：

<Path
    Stroke="DarkGoldenRod"
    StrokeThickness="2"
    Data="M 50,50 A 20,20 90 0 1 60,40  L 230,40 A 20,20 90 0 1 240,50 V 100 L300,150 240,125 V180 A 20,20 90 0 1 230,190 H60 A 20,20 90 0 1 50,180 V50" />

您可以根据需要更新路径数据。 有关路径数据语法的更多详细信息，请参考“ 移动和绘制命令”语法 。

结果：