通过

BoxView

  • 项目

.NET Multi-platform App UI (.NET MAUI) BoxView 绘制指定宽度、高度和颜色的简单矩形或正方形。

BoxView 定义以下属性：

  • Color，类型为 Color，用于定义 BoxView 的颜色。
  • CornerRadius，类型为 CornerRadius，用于定义 BoxView 的拐角半径。 此属性可以设置为单个 double 统一拐角半径值，也可以设置为由应用于 BoxView 左上角、右上角、左下角和右下角的四个 double 值定义的 CornerRadius 结构。

这些属性由 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.

WidthRequest 和 HeightRequest 属性以与设备无关的单位进行度量。

注意

BoxView 也可以是 AbsoluteLayout 的子级。 在这种情况下，BoxView 的位置和大小都可使用 LayoutBounds 附加可绑定属性进行设置。

还可以调整 BoxView 的大小，使其类似于特定宽度和粗细的线条。