Para ver el artículo en inglés, active la casilla Inglés. También puede ver el texto en inglés en una ventana emergente si pasa el puntero del mouse por el texto.
Traducción
Inglés

Cómo: Dibujar un rectángulo

 

Publicada: junio de 2016

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

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

Para proporcionar al rectángulo esquinas redondeadas, especifique las propiedades opcionales RadiusX y RadiusY. Las propiedades RadiusX y RadiusY establecen los radios del eje x y el eje y de la elipse utilizada para redondear las esquinas del rectángulo.

En el ejemplo siguiente, se dibujan dos elementos Rectangle en un control Canvas. El primer rectángulo tiene un interior Blue. El segundo rectángulo tiene un interior Blue, un contorno Black y las 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 utiliza Canvas para contener los rectángulos, puede utilizar los elementos rectángulo (y todos los demás elementos de formas) con cualquier control Panel o Control que admita contenido que no sea texto. De hecho, los rectángulos son particularmente útiles para proporcionar fondos para partes de paneles de controles Grid. Para obtener un ejemplo, vea Información general sobre tablas.

Este ejemplo forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Shape Elements Sample.

Mostrar: