I would like to make a sector of a circle on WP7. I tried to do this with the ellipse class and I found a lot of solution, which make a gauge or pie chart or something, but I need just the essence. Could anyone help?
the aim is to show just one part of a circle (or ellipse). Like the yellow area in the picture:
Thanks, Laci
Here's a fairly simple solution to the problem, though it does not use an Ellipse
and it requires a little trigonometry:
<Path Fill="Black"
Data="M0,0 L0,-100 A100,100 0 0 1 70.7,-70.7 z" />
The Data
property uses Path Markup Syntax.
RotationAngle
, IsLargeArc
, and SweepDirection
(1 for clockwise, 0 for counter-clockwise)).Where did the 70.7 come from? Well, this particular arc sweeps out an angle of 45 degrees from a circle with radius 100, so the coordinates 70.7,-70.7 are determined by 100 * sin(45)
and 100 * cos(45)
.