Procedura: creare un arco ellittico

  • Articolo

In questo esempio viene illustrato come disegnare un arco ellittico. Per creare un arco ellittico, usare le PathGeometryclassi , PathFiguree ArcSegment .

Esempio

Negli esempi seguenti viene disegnato un arco ellittico da (10.100) a (200.100). L'arco ha un Size valore di 100 per 50 pixel indipendenti dal dispositivo, un valore RotationAngle di 45 gradi, un'impostazione IsLargeArc di truee una SweepDirection di Counterclockwise.

In XAML (Extensible Application Markup Language) puoi usare la sintassi degli attributi per descrivere un percorso.

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

Si noti che questa sintassi di attributo crea effettivamente una StreamGeometryversione più leggera di un oggetto PathGeometry. Per altre informazioni, vedere la pagina Sintassi di markup del percorso.

In XAML puoi anche disegnare un arco ellittico usando in modo esplicito i tag oggetto. Di seguito è equivalente al markup XAML precedente.

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

Questo esempio fa parte di un esempio più esaustivo. Per l'esempio completo, vedere l'esempio di geometrie.

Vedi anche