Bagikan melalui


BoxView

UI Aplikasi Multi-platform .NET (.NET MAUI) BoxView menggambar persegi panjang atau persegi sederhana, dengan lebar, tinggi, dan warna yang ditentukan.

BoxView menentukan properti berikut:

  • Color, dari jenis Color, yang mendefinisikan warna BoxView.
  • CornerRadius, dari jenis CornerRadius, yang mendefinisikan radius sudut dari BoxView. Properti ini dapat diatur ke satu double nilai radius sudut seragam, atau CornerRadius struktur yang ditentukan oleh empat double nilai yang diterapkan ke kiri atas, kanan atas, kiri bawah, dan kanan BoxViewbawah .

Properti ini didukung oleh BindableProperty objek, yang berarti bahwa properti ini dapat menjadi target pengikatan data, dan ditata.

Catatan

Meskipun BoxView dapat meniadakan grafik sederhana, alternatif yang lebih baik adalah menggunakan .NET MAUI Shapes atau .NET MAUI Graphics.

Membuat BoxView

Untuk menggambar persegi atau persegi, buat BoxView objek dan atur Colorproperti , , WidthRequestdan HeightRequest . Secara opsional, Anda juga dapat mengatur propertinya CornerRadius .

Contoh XAML berikut menunjukkan cara membuat 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>

Dalam contoh ini, biru BoxView cornflower ditampilkan di tengah halaman:

Screenshot of a BoxView with rounded corners.

Properti WidthRequest dan HeightRequest diukur dalam unit independen perangkat.

Catatan

Juga BoxView bisa menjadi anak dari AbsoluteLayout. Dalam hal ini, lokasi dan ukuran BoxView diatur menggunakan LayoutBounds properti yang dapat diikat yang terpasang.

Juga BoxView dapat berukuran menyerupai garis lebar dan ketebalan tertentu.