Condividi tramite

Procedura: creare una curva di Bezier quadratica

  • Articolo

Questo esempio illustra come creare una curva di Bézier quadratica. Per creare una curva di Bézier quadratica, usare le PathGeometryclassi , 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 una StreamGeometryversione più leggera di un oggetto PathGeometry. Per altre 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. Di seguito è 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 esempio più esaustivo. Per l'esempio completo, vedere la pagina Geometries Sample (esempio di geometrie).

Vedi anche