Compartilhar via

BoxView

  • Artigo

A interface do usuário do aplicativo multiplataforma .NET (.NET MAUI) BoxView desenha um retângulo ou quadrado simples, de largura, altura e cor especificados.

BoxView define as propriedades a seguir:

  • Color, do tipo Color, que define a cor do BoxView.
  • CornerRadius, do tipo CornerRadius, que define o raio de canto do BoxView. Essa propriedade pode ser definida como um único double valor de raio BoxViewde canto uniforme ou uma CornerRadius estrutura definida por quatro double valores que são aplicados à parte superior esquerda, superior direita, inferior esquerda e inferior direita do .

Essas propriedades são apoiadas por BindableProperty objetos, o que significa que elas podem ser alvos de associações de dados e estilizadas.

Observação

Embora BoxView possa imitar elementos gráficos simples, uma alternativa melhor é usar .NET MAUI Shapes ou .NET MAUI Graphics.

Criar um BoxView

Para desenhar um retângulo ou quadrado, crie um BoxView objeto e defina suas Colorpropriedades , WidthRequeste HeightRequest . Opcionalmente, você também pode definir sua CornerRadius propriedade.

O exemplo XAML a seguir mostra como criar um BoxViewarquivo :

<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>

Neste exemplo, um azul BoxView de cornflower é exibido no centro da página:

Screenshot of a BoxView with rounded corners.

As WidthRequest propriedades e HeightRequest são medidas em unidades independentes do dispositivo.

Observação

Um BoxView também pode ser filho de um AbsoluteLayout. Nesse caso, o local e o tamanho do BoxView são definidos usando a LayoutBounds propriedade vinculável anexada.

A BoxView também pode ser dimensionada para se assemelhar a uma linha de uma largura e espessura específicas.