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>

明らかに、要素のData一部Pathが欠落しています。しかし、私はその構文を理解できません。とても奇妙に思えます。私が欲しいのは、上の境界線の真ん中に三角形がある長方形だけです。これにより、チャットの吹き出しのように見えます。誰かがこれを行う方法を説明できますか? ありがとうございました！

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

次に、両方のオブジェクトを選択し、トップ メニューから[オブジェクト] -> [結合] -> [結合] を選択して、この最終結果を作成しました。

Adobe Illustrator のようなベクター指向のプログラムの方が優れている場合は、 Mike Swanson によるXAML Exporterがあり、特にこれよりも複雑な XAML デザインの場合に非常に便利です。

あなたのデザインは、あなたが思いつく可能性のある最も簡単なデザインの 1 つです。ただし、私は以前にあなたの状況にあったので提供されていますが、このような状況が再び発生したときに適用できることも学んだことを願っています.

これがお役に立てば幸いです。

于 2013-05-13T05:58:07.870 に答える
1

ここでパスについて読むことができます

パスを作成するには、次の 2 つの方法があります。

  1. 図形の使用 (線、ポリラインなど)

  2. ミニ言語の使用

于 2013-05-11T21:14:53.430 に答える