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

Практическое руководство. Рисование замкнутой фигуры с помощью элемента "Многоугольник"

  • Статья

Обновлен: Ноябрь 2007

В этом примере демонстрируется рисование замкнутой фигуры с помощью элемента Polygon. Чтобы нарисовать замкнутую фигуру, создайте элемент Polygon и используйте его свойство Points для указания вершин фигуры. Автоматически рисуется линия, соединяющая первую и последнюю точки. Затем укажите Fill, Stroke или оба свойства.

Пример

В Язык XAML (Extensible Application Markup Language) допустимым синтаксисом для точек является список, содержащий пары разделенных пробелом координат x и y.

<Canvas Height="300" Width="300">

  <!-- Draws a triangle with a blue interior. -->
  <Polygon Points="10,110 60,10 110,110" 
    Fill="Blue" />

  <!-- Draws a triangle with a blue interior and a black outline. 
       The Canvas.Top setting moves the Polygon down 150 pixels. -->
  <Polygon Points="10,110 60,10 110,110"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    Canvas.Top="150" />

  <!-- Draws another triangle with a blue interior.
       The Canvas.Left setting moves the Polygon 150 pixels to the right. -->
  <Polygon Points="10,110 110,110 110,10"
    Fill="Blue"
    Canvas.Left="150" />

  <!-- Draws a triangle with a black outline. 
       The Canvas.Left and Canvas.Top settings move 
       the Polygon down 150 pixels and 150 pixels to the right.-->
  <Polygon Points="10,110 110,110 110,10"
    Stroke="Black" StrokeThickness="4"
    Canvas.Left="150" Canvas.Top="150" />  


</Canvas>

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

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