Поделиться через


BoxView

Пользовательский интерфейс многоплатформенного приложения .NET (.NET MAUI) BoxView рисует простой прямоугольник или квадрат, заданной ширины, высоты и цвета.

BoxView определяет следующие свойства:

  • Colorтипа Color, который определяет цвет BoxViewобъекта .
  • CornerRadius, тип CornerRadius, определяющий угол радиуса BoxView. Это свойство может быть задано как однородное double значение радиуса угла или CornerRadius структура, определяемая четырьмя double значениями, применяемыми к верхнему левому краю, верхнему правому, нижнему левому и нижнему BoxViewправому краю.

Эти свойства поддерживаются объектами BindableProperty, то есть эти свойства можно указывать в качестве целевых для привязки и стилизации данных.

Примечание.

Хотя BoxView можно имитировать простую графику, лучше использовать фигуры .NET MAUI или графические элементы .NET MAUI.

Создание BoxView

Чтобы нарисовать прямоугольник или квадрат, создайте BoxView объект и задайте его Colorсвойства WidthRequestи HeightRequest свойства. При необходимости можно также задать его CornerRadius свойство.

В следующем примере XAML показано, как создать 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>

В этом примере синий BoxView цвет кукурузы отображается в центре страницы:

Screenshot of a BoxView with rounded corners.

HeightRequest Свойства WidthRequest измеряются в единицах, независимых от устройства.

Примечание.

Может BoxView также быть дочерним элементом AbsoluteLayout. В этом случае расположение и размер BoxView задаются с помощью LayoutBounds присоединенного привязываемого свойства.

Можно BoxView также иметь размер, напоминающий линию определенной ширины и толщины.