XAML 路径语法

Question

我正在尝试使用 XAML 创建我认为的基本形状。本质上，我需要创建如下所示的内容:

______________^______________
|                            |
| Some static text will be   |
| placed here in the bubble  |
|____________________________|

目前，我有以下内容:

<Canvas x:Name="myCanvas">
  <Path Stroke="#2D2D2D" Fill="#2D2D2D"></Path>
  <TextBlock Text="Some static text will be placed here in the bubble." TextWrapping="Wrap" />
</Canvas>

显然，Path 元素的 Data 部分丢失了。但是，我无法弄清楚该语法。看起来好奇怪啊。我想要的只是一个顶部边框中间有一个三角形的矩形。这使它看起来像一个聊天气泡。有人可以解释我该怎么做吗？谢谢!

Answer 1

为了让您学习一些东西，而不是仅仅获得解决方案。这符合您正在寻找的内容；

<Path Data="M125.11371,0.5 L141.0695,20.500002 L249.5,20.500002 L249.5,
      119.5 L0.5,119.5 L0.5,20.500002 L108.9748,20.500002 z" 
      Fill="#FF2D2D2D" Stretch="Fill" Stroke="#FF2D2D2D" 
      UseLayoutRounding="False" Width="250" Height="100"/>

我这样做的方式是在 Expression Blend 中，我首先画了一个 Rectangle然后使用钢笔工具画了一个三角形并将其放置在上一个 Rectangle 的顶部中心

然后，我选择了这两个对象，并从顶部菜单中选择了对象 -> 合并 -> 联合，从而产生了最终结果。

如果您更喜欢 Adob​​e Illustrator 等面向矢量的程序，可以使用 XAML Exporter作者:Mike Swanson，它经常派上用场，特别是对于比这更复杂的 XAML 设计。

您的设计是您可能想出的最简单的设计之一，因此您不会想知道为什么通常没有人愿意公然回答它。不过，我以前也遇到过你的情况，所以提供了它，但希望你也学到了一些东西，当这种情况再次出现时你可以应用。

希望这对您有所帮助，祝您好运。