WinRT XAML에서 단어 풍선을 디자인하는 방법은 무엇입니까?

Question

아래 이미지처럼 풍선 모양의 단어를 만들려고합니다. WinRT XAML에서 단어 풍선을 디자인하는 방법? 감사. 여기

balloon image

<Grid Width="400"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="22*"/> 
     <ColumnDefinition Width="5*"/> 
    </Grid.ColumnDefinitions> 
    <Image Source="{Binding Image}" Margin="10,2,10,0" Grid.Column="2" VerticalAlignment="Top" /> 
    <Border BorderBrush="Black" BorderThickness="3" HorizontalAlignment="Right" VerticalAlignment="Top" CornerRadius="4"> 
     <TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="bla bla bla..." Margin="5,10" IsTextSelectionEnabled="True" MaxWidth="280"/> 
    </Border> 

Answer 1

가고

<Path Width="100" Fill="#4F81BD" Stretch="uniform" Stroke="#385D8A" StrokeThickness="3" Data="M 100,119 C 102,109 107,101 120,100 L 220,100 C 231,101 241,110 240,120 L 241,159 C 241,170 230,180 220,180 L 120,180 C 111,180 100,171 100,160 L 100.5,139.5 L 70,120 Z"/> 

당신은 당신의 용도에 따라 조정할 수

당신은 이미지, 도형 그리기, 배경 브러시로 사용할 수 있습니다

및 특수 효과를 찾는 경우에도 불투명 마스크. 당신이

<Border HorizontalAlignment="Right" VerticalAlignment="Top" > 
    <TextBlock MaxWidth="280" 
     HorizontalAlignment="Right" 
     Margin="30,10,10,10" 
     Text="bla bla bla..." 
     TextWrapping="Wrap"/> 
    <Border.Background> 
     <DrawingBrush> 
      <DrawingBrush.Drawing> 
       <GeometryDrawing Brush="#4F81BD"> 
       <GeometryDrawing.Pen> 
        <Pen Brush="#385D8A" Thickness="6"/> 
       </GeometryDrawing.Pen> 
       <GeometryDrawing.Geometry> 
        <PathGeometry Figures="M 100,119 C 102,109 107,101 120,100 L 220,100 C 231,101 241,110 240,120 L 241,159 C 241,170 230,180 220,180 L 120,180 C 111,180 100,171 100,160 L 100.5,139.5 L 70,120 Z"/> 
       </GeometryDrawing.Geometry> 
       </GeometryDrawing> 
      </DrawingBrush.Drawing> 
     </DrawingBrush> 
    </Border.Background> 
    </Border> 

샘플 2

<Grid HorizontalAlignment="Center" VerticalAlignment="center"> 
    <Path 
     Width="100" 
     Data="M 100,119 C 102,109 107,101 120,100 L 220,100 C 231,101 241,110 240,120 L 241,159 C 241,170 230,180 220,180 L 120,180 C 111,180 100,171 100,160 L 100.5,139.5 L 70,120 Z" 
     Fill="#4F81BD" 
     Stretch="uniform" 
     Stroke="#385D8A" 
     StrokeThickness="3"/> 
    <TextBlock 
     MaxWidth="280" 
     Margin="30,15,10,10" 
     Text="bla bla bla..." 
     TextWrapping="Wrap"/> 
</Grid>