Home/ Questions/Q 8455829
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T12:23:13+00:00

I’m designing a Metro Style App with XAML, and I have a need to

  • 0

I’m designing a Metro Style App with XAML, and I have a need to draw a circle where the ends don’t properly meet up, as if it had been scribbled with a red felt pen. Something like this:

enter image description here

How could this be done in XAML?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Ok, get ready for a little bit of XAML:

    <Path Grid.Row="1" Grid.Column="1" Margin="10"              
        Stroke="Red" StrokeThickness="5">
    <Path.Data>
        <PathGeometry>
            <PathGeometry.Figures>
                <PathFigureCollection>
                    <PathFigure IsClosed="False" StartPoint="5,50">
                        <PathFigure.Segments>
                            <PathSegmentCollection>

                                <ArcSegment Point="50,5" Size="80, 40" SweepDirection="Clockwise" />
                                <ArcSegment Point="95,50" Size="50, 50" SweepDirection="Clockwise" />
                                <ArcSegment Point="50,95" Size="50, 50" SweepDirection="Clockwise" />
                                <ArcSegment Point="5,55" Size="55, 100" SweepDirection="Clockwise" />

                            </PathSegmentCollection>
                        </PathFigure.Segments>
                    </PathFigure>
                </PathFigureCollection>
            </PathGeometry.Figures>
        </PathGeometry>
    </Path.Data>
</Path>

    This code produces:

    enter image description here

    You can tweak the coordinates a bit for a more|less rounded result and maybe use BezierSegments.

    • 0