Silverlight Layout Controls: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 16

Daftar Isi:

Silverlight Layout Controls: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 16
Silverlight Layout Controls: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 16

Video: Silverlight Layout Controls: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 16

Video: Silverlight Layout Controls: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 16
Video: POSTLY: Strategi Social Media Marketing untuk BULK POSTING di Tiktok, Instagram, Google Bisnis & FB - YouTube 2024, April
Anonim

Setelah mempelajari tentang XAML, sebagai bagian dari seri tutorial ini, mari kita pelajari Kontrol Tata Letak Silverlight. Meletakkan kontrol saat merancang situs web sangat sulit karena ada sejumlah browser dan karena resolusi layar yang berbeda tetapi ketika merancang aplikasi untuk Windows Phone, sebagai pengembang, Anda akan lebih mudah untuk menetapkan kontrol karena Windows Phone OS memiliki beberapa persyaratan layar yang telah ditentukan.

Sekarang kita akan melihat masing-masing kontrol tata letak. Semua kontrol tata letak dapat diseret dari bilah alat ke layar desainer.

Kisi:

Kontrol grid dirancang untuk memungkinkan Anda menambahkan jumlah baris dan kolom dan kemudian menempatkan kontrol di sel-sel itu. Anda dapat menentukan baris dan kolom baik melalui kode atau menggunakan area desainer itu sendiri. Memulai dan mengakhiri tag akan membuat grid. () sekarang setelah grid didefinisikan, Anda dapat menambahkan kode ini untuk menambahkan beberapa baris dan kolom.

Anda nantinya dapat menambahkan beberapa kolom atau baris sesuai kebutuhan. Tanda bintang (*) menunjukkan bahwa kolom / baris anak harus diberi ruang tambahan jika ada! Ada banyak properti yang dapat Anda gunakan untuk mendapatkan fungsionalitas yang diharapkan.

Anda juga dapat membuat baris dan kolom dengan mengklik batas grid pada panjang yang diinginkan. Itu jauh lebih mudah, bukan? Setelah Anda membuat kisi, Anda dapat menempatkan kontrol antar sel hanya dengan menyebutkan properti grid.row dan grid.column. (Ingat nilai untuk properti ini mulai dari 0).
Anda juga dapat membuat baris dan kolom dengan mengklik batas grid pada panjang yang diinginkan. Itu jauh lebih mudah, bukan? Setelah Anda membuat kisi, Anda dapat menempatkan kontrol antar sel hanya dengan menyebutkan properti grid.row dan grid.column. (Ingat nilai untuk properti ini mulai dari 0).

Stack Panel:

Stack panel cukup sederhana. Semua kontrol yang ditempatkan di panel tumpukan ditampilkan dalam tumpukan vertikal. Setelah Anda membuat panel tumpukan, Anda cukup menambahkan kontrol antara tag awal dan akhir panel tumpukan.

Image
Image

Kanvas:

Kanvas memungkinkan Anda menempatkan kontrol di layar di mana pun Anda ingin menampilkannya. Jadi, bukannya margin, properti tangkap digunakan. Tetapi kanvas memiliki cacat dalam render seolah-olah dimensi telepon berubah atau orientasi telepon berubah, itu mungkin menghasilkan beberapa hasil yang tidak diinginkan.

Lihat di sini, kami telah mendefinisikan posisi blok teks menggunakan properti terlampir kanvas. Jadi sekarang jika Anda memindahkan kanvas kami, kontrol akan bergerak bersamanya.

Direkomendasikan: