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


Практическое руководство. Рисование прямоугольника

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

В этом примере демонстрируется рисование прямоугольника с помощью элемента Rectangle.

Чтобы нарисовать прямоугольник, создайте элемент Rectangle и установите его свойства Width и Height. Для закраски области внутри прямоугольника установите свойство Fill. Для рисования контура прямоугольника используйте его свойства Stroke и StrokeThickness.

Для рисования округленных углов прямоугольника установите необязательные свойства RadiusX и RadiusY. Свойства RadiusX и RadiusY устанавливают радиусы эллипса, который используется для округления углов прямоугольника, по осям x и y.

В следующем примере выполняется рисование двух элементов Rectangle на объекте Canvas. Для первого прямоугольника выполняется внутренняя заливка с использованием цвета Blue. Для второго прямоугольника применяется внутренняя заливка с использованием цвета Blue, а также контур цвета Black и округленные углы.

Пример

  <Canvas Width="120" Height="200" >

  <!-- Draws a 100 by 50 rectangle with a solid blue fill. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws a 100 by 50 rectangle with a solid blue fill,
       a black outline, and rounded corners. -->
  <Rectangle
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black" StrokeThickness="4"
    RadiusX="20" RadiusY="20"
    Canvas.Left="10"
    Canvas.Top="100"/>

</Canvas>

В этом примере прямоугольники содержатся на объекте Canvas. Также можно использовать прямоугольники (и любые другие элементы фигур) с любыми объектами Panel или Control, поддерживающими нетекстовое содержимое. Прямоугольники часто используются в качестве фона для частей панелей Grid. Пример см. в разделе Общие сведения о таблицах.

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

См. также

Задачи

Пример элементов геометрических фигур

Основные понятия

Обзор фигур и базовых средств рисования в приложении WPF

Общие сведения о таблицах

Ссылки

Rectangle