Bagikan melalui

Xamarin.Forms Bentuk: Poligon

  • Artikel

Kelas Polygon berasal dari Shape kelas , dan dapat digunakan untuk menggambar poligon, yang merupakan rangkaian garis yang terhubung yang membentuk bentuk tertutup. Untuk informasi tentang properti yang Polygon diwarisi kelas dari Shape kelas, lihat Xamarin.Forms Bentuk.

Polygon menentukan properti berikut:

  • Points, dari jenis PointCollection, yang merupakan kumpulan Point struktur yang menggambarkan titik puncak poligon.
  • FillRule, dari jenis FillRule, yang menentukan bagaimana pengisian interior bentuk ditentukan. Nilai default properti ini adalah FillRule.EvenOdd.

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

PointsCollection Jenisnya adalah ObservableCollection Point objek. Struktur Point mendefinisikan X dan Y properti, dari jenis double, yang mewakili pasangan koordinat x dan y dalam ruang 2D. Oleh karena itu, Points properti harus diatur ke daftar pasangan koordinat x dan koordinat y yang menjelaskan titik puncak poligon, dibatasi oleh satu koma dan/atau satu atau beberapa spasi. Misalnya, "40,10 70,80" dan "40 10, 70 80" keduanya valid.

Untuk informasi selengkapnya tentang FillRule enumerasi, lihat Xamarin.Forms Bentuk: Mengisi aturan.

Membuat Poligon

Untuk menggambar poligon, buat Polygon objek dan atur propertinya Points ke simpul bentuk. Garis secara otomatis digambar yang menyambungkan titik pertama dan terakhir. Untuk melukis bagian dalam poligon, atur propertinya Fill ke Brushobjek -turunan. Untuk memberikan garis luar poligon, atur propertinya Stroke ke Brushobjek -turunan. Properti StrokeThickness menentukan ketebalan kerangka poligon. Untuk informasi selengkapnya tentang Brush objek, lihat Xamarin.Forms Sikat.

Contoh XAML berikut menunjukkan cara menggambar poligon yang diisi:

<Polygon Points="40,10 70,80 10,50"
         Fill="AliceBlue"
         Stroke="Green"
         StrokeThickness="5" />

Dalam contoh ini, poligon terisi yang mewakili segitiga digambar:

Poligon terisi

Contoh XAML berikut menunjukkan cara menggambar poligon putus-putus:

<Polygon Points="40,10 70,80 10,50"
         Fill="AliceBlue"
         Stroke="Green"
         StrokeThickness="5"
         StrokeDashArray="1,1"
         StrokeDashOffset="6" />

Dalam contoh ini, kerangka poligon di-garis putus:

Poligon putus-putus

Untuk informasi selengkapnya tentang menggambar poligon putus-putus, lihat Menggambar bentuk putus-putus.

Contoh XAML berikut menunjukkan poligon yang menggunakan aturan pengisian default:

<Polygon Points="0 48, 0 144, 96 150, 100 0, 192 0, 192 96, 50 96, 48 192, 150 200 144 48"
         Fill="Blue"
         Stroke="Red"
         StrokeThickness="3" />

Dalam contoh ini, perilaku isian setiap poligon ditentukan menggunakan aturan pengisian EvenOdd .

Poligon EvenOdd

Contoh XAML berikut menunjukkan poligon yang menggunakan aturan pengisian Nonzero :

<Polygon Points="0 48, 0 144, 96 150, 100 0, 192 0, 192 96, 50 96, 48 192, 150 200 144 48"
         Fill="Black"
         FillRule="Nonzero"
         Stroke="Yellow"
         StrokeThickness="3" />

Poligon nonzero

Dalam contoh ini, perilaku isian setiap poligon ditentukan menggunakan aturan pengisian Nonzero .