Практическое руководство. Рисование прямоугольника
В этом примере показано, как рисование прямоугольника с помощью 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 панелей. Например, см. в разделе Общие сведения о таблицах.
Этот пример является частью большего примера; Полный пример см. в разделе пример элементов-фигур.