Procedura: creare una curva di Bezier quadratica

Aggiornamento: novembre 2007

In questo esempio viene illustrata la procedura per creare una curva di Bezier quadratica. Per creare una curva di Bezier quadratica, utilizzare le classi PathGeometry, PathFigure e QuadraticBezierSegment.

Esempio

Negli esempi seguenti, viene tracciata una curva di Bezier quadratica da (10, 100) a (300, 100). La curva presenta un punto di controllo con valore (200, 200).

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 Q 200,200 300,100" />

xaml

Notare che la sintassi di attributo in effetti crea un oggetto StreamGeometry, una versione più semplice di un oggetto PathGeometry. Per ulteriori informazioni, vedere la pagina Sintassi di markup del percorso.

In XAML, è possibile disegnare una curva di Bezier quadratica anche utilizzando la sintassi per elementi oggetto. L'esempio riportato di seguito equivale all'esempio di XAML precedente.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <QuadraticBezierSegment Point1="200,200" Point2="300,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Questo esempio è stato estratto da un esempio più ampio; per la versione completa, vedere Esempio di geometrie.

Vedere anche

Attività

Procedura: creare un arco ellittico

Procedura: creare una curva di Bezier cubica