Como: Criar uma curva cúbica de Bézier

Esse exemplo mostra como criar uma curva cúbica de Bézier Para criar uma curva cúbica de Bezier, use as classes PathGeometry, PathFigure e BezierSegment. Para exibir o resultado geométrico, use o elemento Path, ou use com o GeometryDrawing ou a DrawingContext. Nos exemplos a seguir, a curva cúbica de Bézier é desenhada de (10,100) até (300, 100). A curva tem pontos de controle de (100, 0) e (200, 200).

Exemplo

xaml

Em Extensible Application Markup Language (XAML), você deve usar marcação de sintaxe abreviada para descrever o caminho.

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

xaml

Em XAML, você pode também desenhar uma curva cúbica de Bézier usando marcas de objeto. O exemplo a seguir é equivalente ao XAML exemplo anterior.

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

Este exemplo é parte de um exemplo maior; para o exemplo completo, veja Exemplo de geometrias.

Consulte também

Tarefas

Como: Criar um arco de elipse

Como: Criar um LineSegment em um PathGeometry

Como: Criar uma curva cúbica de Bézier

Como: Criar uma curva Bézier quadrática.