XAML 路径语法答案

【问题标题】：XAML Path SyntaxXAML 路径语法
【发布时间】：2013-05-06 06:54:01
【问题描述】：

我正在尝试使用 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 部分丢失了。但是，我无法弄清楚这种语法。看起来很奇怪。我想要的只是一个在顶部边框中间有一个三角形的矩形。这使它看起来像一个聊天气泡。有人可以解释我该怎么做吗？谢谢！

【问题讨论】：

您找到并阅读path markup syntax guide了吗？一些H（水平线）和V（垂直线）线段和一两个L（到任意点的线）线段应该为您完成。

标签： xaml

【解决方案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 的顶部中心

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

如果您更喜欢 Adobe Illustrator 等更面向矢量的程序，那么 Mike Swanson 的 XAML Exporter 经常会派上用场，尤其是对于比这更复杂的 XAML 设计。

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

希望这会有所帮助，祝你好运。

【讨论】：

非常感谢。这就是我一直在寻找的。我宁愿学习如何在工具中执行此操作，以便将来可以执行此操作。反响很好。

【解决方案2】：

You can read about paths here

创建路径有两种方式：

使用图形（线、折线……）
使用Mini language

【讨论】：

您链接到的 MSDN 文档不再存在（“我们很抱歉 - 您请求的主题不再可用。使用搜索框查找相关信息。”）。相反，可以使用主题上的.NET 4.0 documentation。
当您在 MSDN 上看到“不再存在”时，请检查“以前的版本”下拉菜单。