Xamarin.Forms Formas: Rectángulo
La Rectangle
clase se deriva de la Shape
clase y se puede usar para dibujar rectángulos y cuadrados. Para obtener información sobre las propiedades que hereda la Rectangle
clase de la Shape
clase , vea Xamarin.Forms Shapes.
Rectangle
define las siguientes propiedades:
RadiusX
, de tipodouble
, que es el radio del eje X que se usa para redondear las esquinas del rectángulo. El valor predeterminado de esta propiedad es 0,0.RadiusY
, de tipodouble
, que es el radio del eje Y que se usa para redondear las esquinas del rectángulo. El valor predeterminado de esta propiedad es 0,0.
Estas propiedades están respaldadas por objetos BindableProperty
, lo que significa que pueden ser destinos de los enlaces de datos, y con estilo.
La Rectangle
clase establece la Aspect
propiedad, heredada de la Shape
clase , en Stretch.Fill
. Para obtener más información sobre la Aspect
propiedad , vea Stretch shapes .net.
Crear un rectángulo
Para dibujar un rectángulo, cree un Rectangle
objeto y establezca sus WidthRequest
propiedades y HeightRequest
. Para pintar el interior del rectángulo, establezca su Fill
propiedad en un Brush
objeto derivado de . Para proporcionar al rectángulo un esquema, establezca su Stroke
propiedad en un Brush
objeto derivado de . La StrokeThickness
propiedad especifica el grosor del contorno del rectángulo. Para obtener más información sobre Brush
los objetos, vea Xamarin.Forms Pinceles.
Para proporcionar las esquinas redondeadas del rectángulo, establezca sus RadiusX
propiedades y RadiusY
. Estas propiedades establecen los radios del eje X y del eje Y que se usan para redondear las esquinas del rectángulo.
Para dibujar un cuadrado, haga que las WidthRequest
propiedades y HeightRequest
del Rectangle
objeto sean iguales.
En el ejemplo XAML siguiente se muestra cómo dibujar un rectángulo relleno:
<Rectangle Fill="Red"
WidthRequest="150"
HeightRequest="50"
HorizontalOptions="Start" />
En este ejemplo, se dibuja un rectángulo de relleno rojo con dimensiones 150x50 (unidades independientes del dispositivo):
En el ejemplo XAML siguiente se muestra cómo dibujar un rectángulo relleno, con esquinas redondeadas:
<Rectangle Fill="Blue"
Stroke="Black"
StrokeThickness="3"
RadiusX="50"
RadiusY="10"
WidthRequest="200"
HeightRequest="100"
HorizontalOptions="Start" />
En este ejemplo, se dibuja un rectángulo relleno azul con esquinas redondeadas:
Para obtener información sobre cómo dibujar un rectángulo discontinuo, vea Dibujar formas discontinuas.