Creating half circle in Blend

09-14-2007 11:20 PM |

I'm using the August Preview of Blend.  Is there a way to create a half circle?

Also, I'd like to create a thick arc.  As if the piece had been cut from a circle and has thickness to it. 

I'd also like to create a triangle that can rotate about a center point.  Not have the traingle spin but the bottom rotate very little while the top rotates the most.  Similar to an odometer needle.

Re: Creating half circle in Blend

09-15-2007 12:07 AM |

<Canvas x:Name="Layer_1" Width="640" Height="480" Canvas.Left="0" Canvas.Top="0">
  <Path x:Name="Path" Width="154.987" Height="77.6534" Canvas.Left="291.689" Canvas.Top="291.814" Stretch="Fill" StrokeThickness="0.32" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFFFFF" Data="F1 M 293.667,176.667C 293.667,219.377 259.043,254 216.333,254C 173.623,254 139,219.377 139,176.667" RenderTransformOrigin="0.5,0.5">
   <Path.RenderTransform>
    <TransformGroup>
     <ScaleTransform ScaleX="1" ScaleY="1"/>
     <SkewTransform AngleX="0" AngleY="0"/>
     <RotateTransform Angle="180.097"/>
     <TranslateTransform X="0" Y="0"/>
    </TransformGroup>
   </Path.RenderTransform>
  </Path>
  <Path x:Name="Path_0" Width="76.119" Height="66.652" Canvas.Left="330.832" Canvas.Top="301.816" Stretch="Fill" StrokeThickness="0.32" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FFFFFFFF" Data="F1 M 209.333,182.316L 229.156,147.982L 189.511,147.982L 209.333,182.316 Z " RenderTransformOrigin="0.498,1.001">
   <Path.RenderTransform>
    <TransformGroup>
     <ScaleTransform ScaleX="1" ScaleY="1"/>
     <SkewTransform AngleX="0" AngleY="0"/>
     <RotateTransform Angle="0"/>
     <TranslateTransform X="0" Y="0"/>
    </TransformGroup>
   </Path.RenderTransform>
  </Path>
 </Canvas>

Re: Re: Creating half circle in Blend

09-15-2007 1:10 AM |

Nice.  Can you explain how these were created.

Thanks.

Re: Re: Creating half circle in Blend

09-16-2007 5:09 PM |

i couldn't find the best way to arculate how i did it in the forum, so i did a quick screencast demonstrating the method.  you can see it here:

http://timheuer.com/blog/archive/2007/09/16/creating-arc-using-expression-design-and-blend.aspx

Re: Re: Re: Creating half circle in Blend

09-16-2007 9:20 PM |

Very nice webcast.  I was wondering about the compatibility between Design and Blend.  I saw Design had all the tools to create the shapes I was interested in but wasn't sure about getting designs into Blend as Silverlight compatible XAML, which you covered nicely.

Thanks.