使用多邊形在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" />

您可以根據需要更新路徑數據。 有關路徑數據語法的更多詳細信息，請參考“ 移動和繪制命令”語法 。

結果：