Sdílet prostřednictvím


BoxView

Uživatelské rozhraní aplikace .NET s více platformami (.NET MAUI) BoxView nakreslí jednoduchý obdélník nebo čtverec se zadanou šířkou, výškou a barvou.

BoxView definuje následující vlastnosti:

  • Color, typu Color, který definuje barvu BoxView.
  • CornerRadius, typu CornerRadius, který definuje rohový poloměr BoxViewrohu . Tuto vlastnost lze nastavit na jednu double jednotnou hodnotu poloměru rohů nebo CornerRadius strukturu definovanou čtyřmi double hodnotami, které se použijí v levém horním rohu, vpravo nahoře, v levém dolním a dolním BoxViewrohu .

Tyto vlastnosti jsou podporovány BindableProperty objekty, což znamená, že mohou být cíle datových vazeb a stylovány.

Poznámka:

I když BoxView může napodobovat jednoduchou grafiku, lepší alternativou je použití obrazců .NET MAUI nebo grafiky .NET MAUI.

Vytvoření BoxView

Chcete-li nakreslit obdélník nebo čtverec, vytvořte BoxView objekt a nastavte jeho Color, WidthRequesta HeightRequest vlastnosti. Volitelně můžete také nastavit jeho CornerRadius vlastnost.

Následující příklad XAML ukazuje, jak vytvořit 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>

V tomto příkladu se uprostřed stránky zobrazí modrá BoxView rohovka:

Screenshot of a BoxView with rounded corners.

Vlastnosti WidthRequest a HeightRequest vlastnosti se měří v jednotkách nezávislých na zařízeních.

Poznámka:

A BoxView může být také dítětem AbsoluteLayout. V tomto případě se umístění i velikost BoxView nastaví pomocí LayoutBounds připojené bindable vlastnosti.

Velikost BoxView může být také podobná přímce určité šířky a tloušťky.