Compartir a través de

Cómo: Dibujar un rectángulo

En este ejemplo se muestra cómo dibujar un rectángulo mediante el Rectangle elemento .

Para dibujar un rectángulo, cree un Rectangle elemento y especifique su Width y Height. Para pintar el interior del rectángulo, establezca su Fill. Para proporcionar al rectángulo un esquema, use sus Stroke propiedades y StrokeThickness .

Para dar esquinas redondeadas al rectángulo, especifique las propiedades opcionales RadiusX y RadiusY. Las RadiusX propiedades y RadiusY establecen los radios del eje x y del eje Y de la elipse que se usa para redondear las esquinas del rectángulo.

En el ejemplo siguiente, dos elementos Rectangle se dibujan en un Canvas. El primer rectángulo tiene un Blue interior. El segundo rectángulo tiene un Blue interior, un Black contorno y esquinas redondeadas.

Ejemplo

  <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>

Aunque en este ejemplo se usa un Canvas para contener los rectángulos, puede usar elementos de rectángulo (y todos los demás elementos de forma) con cualquier Panel o Control que admita contenido no textual. De hecho, los rectángulos son especialmente útiles para proporcionar fondos para partes de Grid paneles. Para ver un ejemplo, consulte la Descripción general de la tabla.

Este ejemplo forma parte de un ejemplo mayor; para obtener el ejemplo completo, vea Ejemplo de elementos de forma.

Consulte también