Bagikan melalui


Mengatur objek ke dalam kontainer tata letak di XAML Designer

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.

Panel tata letak kisi

UniformGrid

Susun objek ke wilayah kisi yang sama, atau seragam. Panel ini sangat bagus untuk mengatur daftar gambar.

(Hanya tersedia untuk proyek WPF.)

Panel tata letak UniformGrid

Kanvas

Atur objek sesuai keinginan Anda. Saat pengguna menjalankan aplikasi Anda, elemen-elemen ini akan memiliki posisi tetap di layar.

Panel tata letak kanvas

StackPanel

Susun objek dalam satu garis secara horizontal atau vertikal.

Panel tata letak StackPanel

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.)

Panel tata letak WrapPanel

DockPanel

Atur objek sehingga tetap, atau tertambat ke salah satu tepi panel.

(Hanya tersedia untuk proyek WPF.)

Panel tata letak DockPanel

Tonton video singkat: Tombol Putar 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.

Kontrol tata letak batas

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.

Kontrol tata letak ScrollViewer

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.

Kontrol tata letak ViewBox