Udostępnij za pośrednictwem

BoxView

  • Artykuł

Interfejs użytkownika aplikacji wieloplatformowej platformy .NET (.NET MAUI) BoxView rysuje prosty prostokąt lub kwadrat o określonej szerokości, wysokości i kolorze.

BoxView definiuje następujące właściwości:

  • Color, typu Color, który definiuje kolor elementu BoxView.
  • CornerRadius, typu CornerRadius, który definiuje promień narożnika .BoxView Tę właściwość można ustawić na pojedynczą double jednolitą wartość promienia rogu lub strukturę zdefiniowaną CornerRadius przez cztery double wartości, które są stosowane do lewej górnej, prawej górnej, dolnej lewej i dolnej prawej strony BoxView.

Te właściwości są wspierane przez BindableProperty obiekty, co oznacza, że mogą być obiektami docelowymi powiązań danych i stylizowanymi.

Uwaga

Chociaż BoxView może naśladować prostą grafikę, lepszym rozwiązaniem jest użycie kształtów MAUI platformy .NET lub grafiki MAUI platformy .NET.

Tworzenie obiektu BoxView

Aby narysować prostokąt lub kwadrat, utwórz BoxView obiekt i ustaw jego Colorwłaściwości , WidthRequesti HeightRequest . Opcjonalnie można również ustawić jej CornerRadius właściwość.

W poniższym przykładzie XAML pokazano, jak utworzyć element 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>

W tym przykładzie niebieski BoxView błyszek jest wyświetlany w środku strony:

Screenshot of a BoxView with rounded corners.

Właściwości WidthRequest i HeightRequest są mierzone w jednostkach niezależnych od urządzenia.

Uwaga

Element BoxView może być również elementem podrzędnym elementu AbsoluteLayout. W tym przypadku zarówno lokalizacja, jak i rozmiar BoxView obiektu są ustawiane przy użyciu dołączonej właściwości możliwej LayoutBounds do powiązania.

BoxView Rozmiar może być również podobny do linii o określonej szerokości i grubości.