Udostępnij za pośrednictwem

Jak utworzyć łuk eliptyczny

  • Artykuł

W tym przykładzie pokazano, jak narysować łuk wielokropowy. Aby utworzyć łuk wielokropowy, użyj PathGeometryklas , PathFigurei ArcSegment .

Przykład

W poniższych przykładach łuk wielokropowy jest pobierany z (10 1000) do (200 100). Łuk ma Size od 100 do 50 pikseli niezależnych od urządzenia, RotationAngle 45 stopni, IsLargeArc ustawienie truewartości i .SweepDirectionCounterclockwise

W rozszerzalnym języku znaczników aplikacji (XAML) można użyć składni atrybutów do opisania ścieżki.

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

(Należy pamiętać, że ta składnia atrybutu faktycznie tworzy StreamGeometry, lżejszą wersję elementu PathGeometry. Aby uzyskać więcej informacji, zobacz stronę Składnia znaczników ścieżki .

W języku XAML można również narysować łuk wielokropka, jawnie używając tagów obiektów. Poniższy kod jest odpowiednikiem powyższego znacznika XAML.

<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>

Ten przykład jest częścią większej próbki. Aby zapoznać się z kompletnym przykładem, zobacz Przykład Geometries.

Zobacz też