07.18.13
by

WP8 Tutorial – StackPanel

Yohoo, salah satu dasar tata menata layout di WP8 adalah dengan class StackPanel.

<StackPanel>
</StackPanel>

StackPanel, sesuai namanya, yaitu kumpulan / tumpukan dari panel-panel. Langsung ke contoh aja ya penggunaan nya seperti apa, yuk mari kita learning by doing saja hoho. Berikut potongan kode :

1

Dan berikut hasilnya :

2

Sebagai contoh, disini kita gunakan beberapa property dari StackPanel, yaitu Orientation, Margin, Height, HorizontalAlignment.

  • Orientation : Tumpukan dari panel yang anda buat mau-nya kearah horizontal (numpuk ke kanan) atau vertikal (numpuk ke bawah). Urutan tumpukan panelnya ya tetep sesuai yang mana yang didefinisikan duluan. Defaultnya property ini bernilai “Vertical”.
  • Margin : Penjarakan posisi layouting relatif terhadap tempat yang disediakan. Ya bayangin kayak margin kertas di Microsoft Word lah. Disini urutannya itu : jarak pojok kiri; pojok atas; pojok kanan; pojok bawah.  Defaultnya property ini bernilai “0,0,0,0”.
  • Height : Batas tinggi dari StackPanel. Property ini didefinisikan kalau anda ingin ukuran dari StackPanel ini statis, jadi mau tumpukan panelnya sebenernya melebihi batas tinggi dari StackPanel, yang ditampilkan dilayar hanyalah panel yang masih berada pada batas ukuran StackPanel tersebut. Coba lihat contoh hasil, anda seharusnya menyadari perbedaan yang ukurannya statis dan tidak. FYI kalo ada property Height, berarti ada property Width juga ya, gunanya sama tapi untuk lebarnya.
  • HorizontalAlignment : Ya ini alignment nya, mau mepet kiri, mepet kanan, center atau stretch (kayak justify gitu lah). Coba-coba aja. FYI lagi, ada juga property VerticalAlignment ya, gunanya sama tapi untuk mengatur mepet atas bawah gitu.

Dan masih banyak property lainnya, silahkan dieksplorasi gan.

Untuk penjelasan lebih lengkapnya bisa buka link ini ya :

http://msdn.microsoft.com/en-us/library/system.windows.controls.stackpanel%28v=vs.95%29.aspx

Leave a comment