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

Практическое руководство. Создание эллиптической арки

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

Пример

В следующих примерах эллиптическая дуга нарисована от (10,100) до (200,100). Дуга имеет Size размер 100 на 50 независимых от устройства пикселей, RotationAngle 45 градусов, настройку IsLargeArc на trueи SweepDirection на Counterclockwise.

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

<Path Stroke="Black" StrokeThickness="1"  
  Data="M 10,100 A 100,50 45 1 0 200,100" />

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

В XAML можно также нарисовать эллиптические дуги, явно используя теги объектов. Ниже приведено эквивалент предыдущей разметки XAML.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <ArcSegment Size="100,50" RotationAngle="45" IsLargeArc="True" SweepDirection="CounterClockwise" Point="200,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Этот пример является частью более крупного примера. Полный образец см. в примере геометрии .

См. также