Condividi tramite


Procedura: creare un arco ellittico

Aggiornamento: novembre 2007

In questo esempio viene illustrato come disegnare un arco ellittico. Per creare un arco ellittico, utilizzare le classi PathGeometry, PathFigure e ArcSegment.

Esempio

Negli esempi riportati di seguito viene disegnato un arco ellittico da (10,100) a (200,100). L'arco ha una proprietà Size di 100 per 50 pixel indipendenti dal dispositivo, una proprietà RotationAngle di 45 gradi, la proprietà IsLargeArc impostata su true e una SweepDirection impostata su Counterclockwise.

xaml

In Extensible Application Markup Language (XAML), è possibile utilizzare la sintassi di attributo per descrivere un percorso.

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

xaml

Si noti che la sintassi di attributo crea in effetti un oggetto StreamGeometry, una versione leggera di un oggetto PathGeometry. Per ulteriori informazioni, vedere la pagina Sintassi di markup del percorso.

In XAML, è anche possibile disegnare un arco ellittico utilizzando in modo esplicito tag Object. Gli elementi seguenti sono equivalenti 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ù esteso. Per l'esempio completo, vedere Esempio di geometrie.

Vedere anche

Attività

Procedura: creare una curva di Bezier quadratica

Procedura: creare una curva di Bezier cubica