Compartilhar via

Como criar uma curva de bézier quadrático

  • Artigo

Este exemplo mostra como criar uma curva quadrática de Bezier. Para criar uma curva quadrática de Bezier, use as classes PathGeometry, PathFiguree QuadraticBezierSegment.

Exemplo

Nos exemplos a seguir, uma curva quadrática de Bezier é desenhada de (10.100) para (300.100). A curva tem um ponto de controle de (200.200).

Em XAML (Extensible Application Markup Language), você pode usar a sintaxe de atributo para descrever um caminho.

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

(Note que essa sintaxe de atributo realmente cria um StreamGeometry, uma versão reduzida de um PathGeometry. Para obter mais informações, consulte a página de Sintaxe de Marcação de Caminho.)

No XAML, você também pode desenhar uma curva de Bézier quadrática usando a sintaxe do elemento de objeto. A seguir, é equivalente ao exemplo XAML anterior.

<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>

Este exemplo faz parte de uma amostra maior; para obter o exemplo completo, consulte o exemplo de geometrias .

Consulte também