Persegi

Telusuri sampel

Kelas .NET Multi-platform App UI (.NET MAUI) Rectangle berasal dari Shape kelas , dan dapat digunakan untuk menggambar persegi panjang dan kotak. Untuk informasi tentang properti yang Rectangle diwarisi kelas dari Shape kelas, lihat .NET MAUI Shapes.

Rectangle menentukan properti berikut:

• RadiusX, dari jenis double, yang merupakan radius sumbu x yang digunakan untuk membulatkan sudut persegi panjang. Nilai default properti ini adalah 0,0.
• RadiusY, dari jenis double, yang merupakan radius sumbu y yang digunakan untuk membulatkan sudut persegi panjang. Nilai default properti ini adalah 0,0.

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

Kelas Rectangle mengatur Aspect properti , diwariskan dari Shape kelas , ke Stretch.Fill. Untuk informasi selengkapnya tentang Aspect properti, lihat Meregangkan bentuk.

Membuat Persegi Panjang

Untuk menggambar persegi panjang, buat Rectangle objek dan atur properti dan HeightRequest .WidthRequest Untuk melukis bagian dalam persegi panjang, atur propertinya Fill ke Brushobjek -turunan. Untuk memberi kerangka persegi panjang, atur propertinya Stroke ke Brushobjek -turunan. Properti StrokeThickness menentukan ketebalan kerangka persegi panjang. Untuk informasi selengkapnya tentang Brush objek, lihat Sikat.

Untuk memberikan sudut bulat persegi panjang, atur properti dan RadiusY .RadiusX Properti ini mengatur sumbu x dan radii sumbu y yang digunakan untuk membulatkan sudut persegi panjang.

Catatan

Ada juga RoundRectangle kelas, yang memiliki CornerRadiusBindableProperty, yang dapat digunakan untuk menggambar persegi panjang dengan sudut bulat.

Untuk menggambar persegi, buat WidthRequest properti dan HeightRequest objek Rectangle sama.

Contoh XAML berikut menunjukkan cara menggambar persegi panjang yang diisi:

<Rectangle Fill="Red"
           WidthRequest="150"
           HeightRequest="50"
           HorizontalOptions="Start" />

Dalam contoh ini, persegi panjang yang diisi merah dengan dimensi 150x50 (unit independen perangkat) digambar:

Contoh XAML berikut menunjukkan cara menggambar persegi panjang yang diisi, dengan sudut bulat:

<Rectangle Fill="Blue"
           Stroke="Black"
           StrokeThickness="3"
           RadiusX="50"
           RadiusY="10"
           WidthRequest="200"
           HeightRequest="100"
           HorizontalOptions="Start" />

Dalam contoh ini, persegi panjang yang diisi biru dengan sudut bulat digambar:

Untuk informasi tentang menggambar persegi panjang putus-putus, lihat Menggambar bentuk putus-putus.