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

Практическое руководство. Рисование ломаной, используя элемент Polyline

  • Статья

В этом примере показано, как нарисовать ломаную линию, которая является рядом соединенных линий, с помощью элемента Polyline.

Чтобы нарисовать ломаную линию, создайте элемент Polyline и используйте его свойство Points, чтобы указать вершины фигуры. Наконец, используйте свойства Stroke и StrokeThickness для описания контура ломаной линии, так как линия без штриха невидима.

Примечание.

Поскольку элемент Polyline не является закрытой фигурой, свойство Fill не оказывает никакого влияния, даже если вы намеренно закрываете контур фигуры. Чтобы создать закрытую фигуру с помощью Fill, используйте элемент Polygon.

В следующем примере два элемента Polyline изображаются внутри элемента Canvas.

Пример

В языке XAML допустимый синтаксис точек представляет собой разделенный пробелами список пар координат x и y с разделителями-запятыми.

<Canvas Height="400" Width="400">


  <Polyline
    Points="10,110 60,10 110,110"
    Stroke="Black"
    StrokeThickness="4" />

  <Polyline
    Points="10,110 110,110 110,10"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="150" />


  </Canvas>

Хотя в этом примере используется Canvas для хранения ломаных линий, можно использовать ломаные линии (и другие элементы фигур) с любым классом Panel или Control, поддерживающим нетекстовое содержимое.

Этот пример является частью большего примера; полный пример см. в разделе Примеры элементов фигур.

См. также