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

Question

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

如何让它在XAML中使用多边形？

Answer 1

  

如何让它在XAML中使用多边形？

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

您应该能够使用Draw shapes这是一个多功能的形状，您可以使用它来定义任意几何。更多详情请参阅Move and draw commands syntax。

我通过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" />

您可以根据需要更新路径数据。有关路径数据语法的更多详细信息，请参阅。

结果：

{{3}}