Поделиться через

Как: Создать квадратичную кривую Безье

В этом примере показано, как создать квадратную кривую Bezier. Чтобы создать квадратную кривую Bezier, используйте классы PathGeometry, PathFigureи QuadraticBezierSegment.

Пример

В следующих примерах квадратная кривая Безье рисуется от (10,100) до (300,100). Кривая имеет контрольную точку (200 200).

В языке разметки расширяемых приложений (XAML) можно использовать синтаксис атрибутов для описания пути.

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

(Обратите внимание, что этот синтаксис атрибута фактически создает StreamGeometry, который является облегченным вариантом PathGeometry. Более подробную информацию см. на странице о синтаксисе разметки пути.)

В XAML можно также нарисовать квадратную кривую Bezier с помощью синтаксиса элемента объекта. Следующий пример эквивалентен предыдущему примеру XAML.

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

Этот пример является частью большей выборки; Полную выборку см. в Geometries Sample.

См. также