Catatan
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba masuk atau mengubah direktori.
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba mengubah direktori.
Artikel ini menjelaskan panel tata letak dan kontrol untuk XAML Designer.
Bayangkan di mana Anda ingin objek muncul di halaman—objek seperti gambar, tombol, dan video. Mungkin Anda ingin mereka muncul dalam baris dan kolom, dalam satu baris secara vertikal atau horizontal, atau dalam posisi tetap.
Setelah Anda memiliki kesempatan untuk memikirkan bagaimana halaman mungkin muncul, pilih panel tata letak. Semua halaman dimulai dengan salah satunya karena Anda memerlukan sesuatu yang Anda tambahkan objek Anda. Secara default, ini adalah Kisi, tetapi Anda dapat mengubahnya.
Panel tata letak membantu Anda mengatur objek di halaman, tetapi mereka melakukan lebih dari itu. Ini membantu Anda merancang untuk berbagai ukuran dan resolusi layar. Saat pengguna menjalankan aplikasi Anda, semua yang ada di panel tata letak akan berubah ukurannya agar sesuai dengan real estat layar perangkat mereka. Tentu saja, jika Anda tidak ingin tata letak Anda melakukan itu, Anda dapat mengambil alih perilaku tersebut untuk bagian dari tata letak atau seluruh tata letak. Anda dapat menggunakan properti tinggi dan lebar untuk mengontrolnya.
Panel tata letak
Mulai halaman Anda dengan memilih salah satu panel tata letak ini. Halaman Anda dapat memiliki lebih dari satu panel. Misalnya, Anda mungkin mulai dengan panel tata letak Kisi, lalu menambahkan StackPanel ke area di Kisi sehingga Anda dapat mengatur kontrol secara vertikal di elemen tersebut.
Panel tata letak berikut adalah yang paling populer digunakan, tetapi ada yang lain. Anda dapat menemukan semuanya di Kotak Alat di Visual Studio atau panel Aset di Blend untuk Visual Studio.
Kisi
Susun objek ke dalam baris dan kolom.
UniformGrid
Susun objek ke wilayah kisi yang sama, atau seragam. Panel ini sangat bagus untuk mengatur daftar gambar.
(Hanya tersedia untuk proyek WPF.)
Kanvas
Atur objek sesuai keinginan Anda. Saat pengguna menjalankan aplikasi Anda, elemen-elemen ini akan memiliki posisi tetap di layar.
StackPanel
Susun objek dalam satu garis secara horizontal atau vertikal.
WrapPanel
Susun objek secara berurutan dari kiri ke kanan. Ketika panel kehabisan ruang di tepi paling kanan, panel membungkus konten ke baris berikutnya, dan sebagainya dari kiri-ke-kanan, atas-ke-bawah. Anda juga dapat membuat orientasi panel pembungkus vertikal sehingga objek mengalir dari atas ke bawah, kiri-ke-kanan.
(Hanya tersedia untuk proyek WPF.)
DockPanel
Atur objek sehingga tetap, atau tertambat ke salah satu tepi panel.
(Hanya tersedia untuk proyek WPF.)
Tonton video singkat: WPF - DockPanel
Kontrol tata letak
Anda juga dapat menambahkan objek ke kontrol tata letak. Mereka tidak kaya fitur seperti panel tata letak, tetapi Anda mungkin merasakan kegunaannya untuk skenario tertentu.
Kontrol tata letak berikut adalah yang paling populer, tetapi ada yang lain. Anda dapat menemukan semuanya di Kotak Alat di Visual Studio atau panel Aset di Blend untuk Visual Studio.
Batas
Buat batas, latar belakang, atau keduanya di sekitar objek. Anda hanya bisa menambahkan satu objek ke Batas. Jika Anda ingin menerapkan batas atau latar belakang untuk lebih dari satu objek, tambahkan panel tata letak ke Batas. Kemudian, tambahkan objek ke panel atau kontrol tersebut.
Popup
Tampilkan informasi atau opsi kepada pengguna di jendela. Anda hanya bisa menambahkan satu objek ke Popup. Secara default, Popup berisi Kisi, tetapi Anda dapat mengubahnya.
ScrollViewer
Mungkinkan pengguna untuk menggulir ke bawah halaman atau area halaman. Anda hanya dapat menambahkan satu objek ke ScrollViewer, sehingga masuk akal untuk menambahkan panel tata letak seperti Grid atau StackPanel.
Viewbox
Skalakan objek seperti yang Anda lakukan dengan kontrol zoom. Anda hanya bisa menambahkan satu objek ke Viewbox. Jika Anda ingin menerapkan efek tersebut ke lebih dari satu objek, tambahkan panel tata letak ke ViewBox, lalu tambahkan kontrol Anda ke panel tata letak tersebut.