Cómo: Dibujar un rectángulo
Actualización: noviembre 2007
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.
En este ejemplo se forma parte de un ejemplo más extenso; para obtener el ejemplo completo, vea Ejemplo Shape Elements.
Vea también
Tareas
Conceptos
Información general sobre formas y dibujo básico en WPF
Información general sobre tablas