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>

显然，Data元素的Path部分缺失。但是，我无法弄清楚这种语法。看起来很奇怪。我想要的只是一个在顶部边框中间有一个三角形的矩形。这使它看起来像一个聊天泡泡。谁能解释我怎么做到这一点？谢谢！

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的顶部中心

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

如果你更喜欢使用像Adobe Illustrator这样的面向Vector的程序，那么Mike Swanson的XAML Exporter会经常派上用场，特别是对于比这更复杂的XAML设计。

您的设计是最容易想到的设计之一，所以您不会想知道为什么没有人会一般只想公开回答它。然而，我之前就已经处于这种情况，所以它提供了，但希望还能学到一些东西，当这种情况再次出现时，你可以申请。

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

Answer 2

You can read about paths here

创建路径有两种方法：

使用数字（线条，折线，......）
使用Mini language

XAML路径语法

2 个答案: