Condividi tramite

Procedura: Creare una curva quadratica di Bézier

  • Articolo

Questo esempio illustra come creare una curva di Bézier quadratica. Per creare una curva di Bézier quadratica, usare le classi PathGeometry, PathFiguree QuadraticBezierSegment .

Esempio

Negli esempi seguenti una curva di Bézier quadratica viene disegnata da (10.100) a (300.100). La curva ha un punto di controllo (200.200).

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

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

In XAML puoi anche disegnare una curva di Bézier quadratica usando la sintassi degli elementi oggetto. Il seguente è equivalente all'esempio 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 fa parte di un campione più ampio; per l'esempio completo, vedere l'esempio di geometrie .

Vedere anche