Dela via

Gör så här: Skapa en elliptisk båge

Det här exemplet visar hur du ritar en elliptisk båge. Om du vill skapa en elliptisk båge använder du klasserna PathGeometry, PathFigureoch ArcSegment.

Exempel

I följande exempel ritas en elliptisk båge från (10, 100) till (200, 100). Bågen har en Size på 100 med 50 enhetsoberoende bildpunkter, en RotationAngle på 45 grader, en IsLargeArc inställning av trueoch en SweepDirection av Counterclockwise.

I XAML (Extensible Application Markup Language) kan du använda attributsyntax för att beskriva en sökväg.

<Path Stroke="Black" StrokeThickness="1"  
  Data="M 10,100 A 100,50 45 1 0 200,100" />

(Observera att den här attributsyntaxen faktiskt skapar en StreamGeometry, en lägre viktversion av en PathGeometry. Mer information finns på sidan Sökvägsmarkeringssyntax.)

I XAML kan du också rita en elliptisk båge genom att uttryckligen använda objekttaggar. Följande motsvarar föregående XAML-markering.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <ArcSegment Size="100,50" RotationAngle="45" IsLargeArc="True" SweepDirection="CounterClockwise" Point="200,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Det här exemplet är en del av ett större exempel. Det fullständiga exemplet finns i Geometries Sample.

Se även