Xamarin.Forms Formas: Rectángulo
Descargar el ejemploLa 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 Brushobjeto derivado de . Para proporcionar al rectángulo un esquema, establezca su Stroke propiedad en un Brushobjeto 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.