Compartir a través de

BoxView

  • Artículo

.NET Multi-platform App UI (.NET MAUI) BoxView dibuja un rectángulo o cuadrado simple, de un ancho, alto y color especificados.

BoxView define las siguientes propiedades:

  • Color, de tipo Color, que define el color de BoxView.
  • CornerRadius, de tipo CornerRadius, que define el radio de esquina de BoxView. Esta propiedad se puede establecer en un único valor de radio de esquina uniforme double o una estructura CornerRadius definida por cuatro valores double que se aplican a la parte superior izquierda, superior derecha, inferior izquierda e inferior derecha de BoxView.

Estas propiedades están respaldadas por objetos BindableProperty, lo que significa que pueden ser destinos de los enlaces de datos, y con estilo.

Nota:

Aunque BoxView puede imitar gráficos simples, una mejor alternativa es usar .NET MAUI Shapes o .NET MAUI Graphics.

Creación de un BoxView

Para dibujar un rectángulo o cuadrado, crea un objeto BoxView y establece sus propiedades Color, WidthRequest y HeightRequest. También tienes la opción de definir su propiedad CornerRadius.

En el siguiente ejemplo se muestra cómo crear una clase BoxView:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:BasicBoxView"
             x:Class="BasicBoxView.MainPage">
    <BoxView Color="CornflowerBlue"
             CornerRadius="10"
             WidthRequest="160"
             HeightRequest="160"
             VerticalOptions="Center"
             HorizontalOptions="Center" />
</ContentPage>

En este ejemplo, se muestra un BoxView azul aciano en el centro de la página:

Screenshot of a BoxView with rounded corners.

Las propiedades WidthRequest y HeightRequest se miden en unidades independientes del dispositivo.

Nota:

BoxView también puede ser un elemento secundario de AbsoluteLayout. En este caso, tanto la ubicación como el tamaño de BoxView se establecen mediante la propiedad enlazable adjunta LayoutBounds.

BoxView también puede tener un tamaño similar a una línea de un ancho y un grosor específicos.