2

我正在尝试使用 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>

显然,缺少DataPath元素的部分。但是,我无法弄清楚这种语法。看起来很奇怪。我想要的只是一个在顶部边框中间有一个三角形的矩形。这使它看起来像一个聊天气泡。有人可以解释我该怎么做吗?谢谢!

4

2 回答 2

3

为了你学习一些东西,而不是仅仅给出一个解决方案。这与您正在寻找的内容一致;

<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,这产生了最终结果。

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

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

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

于 2013-05-13T05:58:07.870 回答
1

您可以在此处阅读有关路径的信息

创建路径有两种方式:

  1. 使用图形(线、折线、...)

  2. 使用迷你语言

于 2013-05-11T21:14:53.430 回答