title: How do I create a custom WPF control like a cartoon bubble with constant corners
body: <p>I need to create a rectangle bubble with rounded corners with text inside, like a cartoon speech bubble. I need the bubble to expand horizontally and vertically depending on the size of the text it contain.  I would like the speech arrow and the radius of the rounded corners to remain constant.</p>
  
  <p>I could simply use a path to create my bubble, but I can't resize the bubble and keep the corners radius and arrow constant... it's the whole path that will be resized.</p>
  
  <p>I'd appreciate that some one could point me in the right direction.</p>
  
  <p><em>removed dead ImageShack link</em></p>
  
  <p>Here is the final version of the cartoon bubble user-control. I've added a rectangle without a stroke to Jobi Joy's version to hide the end of path lines, instead of trying to make then appear flush with the rectangle.</p>
  
  <pre><code>&lt;Grid&gt;
      &lt;Grid.RowDefinitions&gt;
          &lt;RowDefinition Height="*"/&gt;
          &lt;RowDefinition Height="40"/&gt;
      &lt;/Grid.RowDefinitions&gt;
      &lt;Rectangle Fill="#FF686868" Stroke="#FF000000" RadiusX="10" RadiusY="10"/&gt;
      &lt;Path Fill="#FF686868" Stretch="Fill" Stroke="#FF000000" HorizontalAlignment="Left" Margin="30,-5.597,0,-0.003" Width="25" Grid.Row="1" Data="M22.166642,154.45381 L29.999666,187.66699 40.791059,154.54395"/&gt;                  
      &lt;Rectangle Fill="#FF686868" RadiusX="10" RadiusY="10" Margin="1"/&gt;
      &lt;TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="25" Text="Hello World" TextWrapping="Wrap"/&gt;                       
  &lt;/Grid&gt;
  </code></pre>