Cómo: Dibujar un rectángulo

  • Artículo

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

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

Para proporcionar esquinas redondeadas al rectángulo, especifique las propiedades opcionales RadiusX y RadiusY. Las propiedades RadiusX 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 se dibujan dos elementos Rectangle en un Canvas. El primer rectángulo tiene un interior Blue. El segundo rectángulo tiene un interior Blue, un contorno Black 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 rectángulos (y todos los demás elementos de forma) con cualquier Panel o Control que admita contenido que no sea de texto. De hecho, los rectángulos son especialmente útiles para proporcionar fondos para partes de paneles Grid. Para obtener un ejemplo, consulte Información general de la tabla.

Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, consulte Ejemplo de elementos de forma.

Vea también