Condividi tramite


Procedura: creare una curva di Bezier cubica

In questo esempio viene illustrato come creare una curva di Bezier cubica. Per creare una curva di Bezier cubica, utilizzare le classi PathGeometry, PathFigure e BezierSegment. Per visualizzare la geometria risultante, utilizzare un elemento Path o utilizzarlo con GeometryDrawing o con DrawingContext. Negli esempi riportati di seguito viene disegnata una curva di Bézier cubica da (10, 100) a (300, 100). La curva presenta punti di controllo con valori (100, 0) e (200, 200).

Esempio

[xaml]

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

<Path Stroke="Black" StrokeThickness="1"  
  Data="M 10,100 C 100,0 200,200 300,100" />

[xaml]

In XAML, è anche possibile tracciare una curva di Bezier cubica utilizzando tag di 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>
                <BezierSegment Point1="100,0" Point2="200,200" Point3="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 (la pagina potrebbe essere in inglese).

Vedere anche

Attività

Procedura: creare un arco ellittico

Procedura: creare un oggetto LineSegment in un oggetto PathGeometry

Procedura: creare una curva di Bezier cubica

Procedura: creare una curva di Bezier quadratica