Procedura: creare una curva di Bezier quadratica
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 riportati di seguito viene disegnata una curva di Bézier quadratica da (10, 100) a (300, 100). a 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]
Si noti che la sintassi di attributo crea in effetti 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 (la pagina potrebbe essere in inglese).