다음을 통해 공유


BoxView

.NET 다중 플랫폼 앱 UI(.NET MAUI) BoxView 는 지정된 너비, 높이 및 색의 간단한 사각형 또는 정사각형을 그립니다.

BoxView는 다음 속성을 정의합니다.

  • Color의 색을 정의하는 형식ColorBoxView
  • CornerRadius의 모퉁이 반경을 정의하는 형식 CornerRadius의 입니다 BoxView. 이 속성은 단일 double 균일 한 모서리 반지름 값 또는 CornerRadius 왼쪽 위, 오른쪽 위, 왼쪽 아래 및 오른쪽 BoxView아래에 적용 되는 4 개의 double 값으로 정의 된 구조체로 설정할 수 있습니다.

이러한 속성은 BindableProperty 개체에서 지원하며, 따라서 데이터 바인딩의 대상이 될 수 있고 스타일이 지정될 수 있습니다.

참고 항목

간단한 그래픽을 모방할 수 있지만 BoxView .NET MAUI 셰이프 또는 .NET MAUI 그래픽을 사용하는 것이 더 좋습니다.

BoxView 만들기

사각형이나 사각형을 그리려면 개체를 BoxView 만들고 해당 Color개체 WidthRequestHeightRequest 속성을 설정합니다. 필요에 따라 해당 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 디바이스 독립적 단위로 측정됩니다.

참고 항목

A는 BoxView .의 AbsoluteLayout자식일 수도 있습니다. 이 경우 연결된 바인딩 가능 속성을 사용하여 위치와 크기 BoxViewLayoutBounds 모두 설정됩니다.

A BoxView 는 특정 너비와 두께의 선과 비슷하게 크기가 조정될 수도 있습니다.