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

【问题标题】：create a Chat bubble in UWP using polygon使用多边形在 UWP 中创建聊天气泡
【发布时间】：2017-10-13 23:57:09
【问题描述】：

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

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

【问题讨论】：

您目前如何创建形状？即：您使用的 xaml 或 C# 代码是什么？

标签： c# .net visual-studio-2015 uwp-xaml

【解决方案1】：

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

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

您应该能够使用Path，它是一种多功能形状，您可以使用它来定义任意几何图形。更多详情请参考Draw shapes。

上面的聊天气泡是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" />

您可以根据需要更新路径数据。更多路径数据语法请参考Move and draw commands syntax。

结果：

【讨论】：

为什么需要是多边形？
@Ash 多边形无法创建此形状。
好的，谢谢@SunteenWu-MSFT，那么我可以在多边形中有指向部分吗，多边形中不需要矩形
@Ash，如果不需要圆角，可以用多边形来实现。