Selepas belajar tentang XAML, sebagai sebahagian daripada siri tutorial ini, mari kita pelajari Kawalan Layout Peraklight. Meletakkan kawalan semasa merancang laman web sangat sukar kerana terdapat banyak pelayar dan disebabkan oleh resolusi skrin yang berbeza tetapi ketika merancang aplikasi untuk Windows Phone, sebagai pemaju, anda akan lebih mudah untuk meletakkan kawalan seperti Windows Phone OS mempunyai beberapa keperluan skrin yang telah ditetapkan.

Sekarang kita akan melihat setiap kawalan susun atur. Semua kawalan susun atur boleh diseret dari bar alat ke skrin pereka.

Grid:

Kawalan grid direka untuk membolehkan anda menambah bilangan baris dan lajur dan kemudian meletakkan kawalan dalam sel tersebut dengan sewajarnya. Anda boleh menentukan baris dan lajur sama ada melalui kod atau menggunakan kawasan pereka itu sendiri. Bermula dan menamatkan tag akan membuat grid. () sekarang sekali grid ditakrifkan, anda boleh menambah kod ini untuk menambah berbilang baris dan lajur.

Anda kemudian boleh menambah beberapa lajur atau baris mengikut keperluan. Asterisk (*) menandakan bahawa lajur / baris kanak-kanak harus diberikan ruang tambahan jika ada! Terdapat banyak ciri yang boleh anda mainkan untuk mendapatkan fungsi yang diharapkan.

Anda juga boleh membuat baris dan lajur dengan mengklik pada sempadan grid pada panjang yang dikehendaki. Itu lebih mudah, bukan? Sebaik sahaja anda telah membuat grid, anda boleh meletakkan kawalan antara sel hanya dengan menyebutkan grid.row dan grid.column properties. (Ingat nilai untuk sifat ini bermula dari 0).

Panel Stack:

Panel timbunan agak mudah. Semua kawalan yang diletakkan pada panel timbunan dipaparkan dalam timbunan menegak. Sebaik sahaja anda membuat panel timbunan, anda boleh menambah kawalan antara panel stack dan permulaan tag.

Kanvas:

Kanvas membolehkan anda meletakkan kawalan pada skrin di mana sahaja anda mahu mereka muncul. Oleh itu, bukan margin, harta tangkapan digunakan. Tetapi kanvas mempunyai cacat dalam menjadikan seolah-olah dimensi perubahan telefon atau orientasi telefon berubah, ia boleh menghasilkan beberapa hasil yang tidak diingini.

Lihat di sini, kita telah mentakrifkan kedudukan blok teks menggunakan sifat kanvas yang dilampirkan. Jadi sekarang jika anda memindahkan kanvas kami, kawalan akan bergerak bersama dengannya.

Jadi di sini datang tutorial tata letak kami untuk berakhir. Ingat, semasa meletakkan kawalan, periksa mereka dalam potret serta mod lanskap. Dalam tutorial seterusnya, kami akan mempelajari tentang peristiwa XAML serta kawalan input.

Tips Top:
Komen: