Bagikan melalui

Xamarin.Forms Bentuk: Garis

  • Artikel

Kelas Line berasal dari Shape kelas , dan dapat digunakan untuk menggambar garis. Untuk informasi tentang properti yang Line diwarisi kelas dari Shape kelas, lihat Xamarin.Forms Bentuk.

Line menentukan properti berikut:

  • X1, jenis ganda, menunjukkan koordinat x dari titik awal garis. Nilai default properti ini adalah 0,0.
  • Y1, jenis ganda, menunjukkan koordinat y dari titik awal garis. Nilai default properti ini adalah 0,0.
  • X2, jenis ganda, menunjukkan koordinat x dari titik akhir garis. Nilai default properti ini adalah 0,0.
  • Y2, jenis ganda, menunjukkan koordinat y dari titik akhir garis. 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.

Untuk informasi tentang mengontrol bagaimana akhir garis digambar, lihat Garis kontrol berakhir.

Membuat Baris

Untuk menggambar garis, buat Line objek dan atur X1 properti dan Y1 ke titik awalnya, serta X2 properti dan Y ke titik akhirnya. Selain itu, atur propertinya Stroke ke Brushobjek -turunan karena garis tanpa stroke tidak terlihat. Untuk informasi selengkapnya tentang Brush objek, lihat Xamarin.Forms Sikat.

Catatan

Fill Mengatur properti tidak Line berpengaruh, karena garis tidak memiliki interior.

Contoh XAML berikut menunjukkan cara menggambar garis:

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="Red" />

Dalam contoh ini, garis diagonal merah digambar dari (40,0) ke (0.120):

Garis diagonal

X1Karena properti , , X2Y1, dan Y2 memiliki nilai default 0, dimungkinkan untuk menggambar beberapa baris dengan sintaks minimal:

<Line Stroke="Red"
      X2="200" />

Dalam contoh ini, garis horizontal yang panjangnya 200 unit independen perangkat ditentukan. Karena properti lainnya adalah 0 secara default, garis digambar dari (0,0) hingga (200,0).

Contoh XAML berikut menunjukkan cara menggambar garis putus-putus:

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="DarkBlue"
      StrokeDashArray="1,1"
      StrokeDashOffset="6" />

Dalam contoh ini, garis diagonal putus-putus biru tua digambar dari (40,0) hingga (0.120):

Garis putus-putus

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