Xamarin.Forms Bentuk: Persegi panjang
Kelas Rectangle
berasal dari Shape
kelas , dan dapat digunakan untuk menggambar persegi panjang dan persegi. Untuk informasi tentang properti yang Rectangle
diwarisi kelas dari Shape
kelas, lihat Xamarin.Forms Bentuk.
Rectangle
menentukan properti berikut:
RadiusX
, dari jenisdouble
, yang merupakan radius sumbu x yang digunakan untuk membulatkan sudut persegi panjang. Nilai default properti ini adalah 0,0.RadiusY
, dari jenisdouble
, 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 Brush
objek -turunan. Untuk memberi kerangka persegi panjang, atur propertinya Stroke
ke Brush
objek -turunan. Properti StrokeThickness
menentukan ketebalan kerangka persegi panjang. Untuk informasi selengkapnya tentang Brush
objek, lihat Xamarin.Forms 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.
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.