MFC - Tata Letak Windows
Layout of controlssangat penting dan kritis untuk kegunaan aplikasi. Ini digunakan untuk mengatur sekelompok elemen GUI di aplikasi Anda. Ada beberapa hal penting yang perlu dipertimbangkan saat memilih tata letak -
- Posisi elemen anak.
- Ukuran elemen anak.
Menambahkan kontrol
Mari kita buat MFC Project MFCLayoutDemo berbasis Dialog baru.
Step 1 - Setelah proyek dibuat, Anda akan melihat layar berikut.
Step 2 - Hapus TODO dari kotak dialog.
Step 3 - Seret beberapa kontrol dari Toolbox yang dapat Anda lihat di sisi kiri.
(Kami akan menyeret satu Teks Statis dan satu Kontrol Edit seperti yang ditunjukkan pada gambar berikut).
Step 4 - Ubah Judul Teks Statis menjadi Nama.
Kotak Kontrol
Kisi kontrol adalah titik kisi pemandu, yang dapat membantu dalam memposisikan kontrol yang Anda tambahkan pada saat mendesain.
Untuk mengaktifkan grid kontrol, Anda perlu mengklik tombol Toggle Grid di toolbar seperti yang ditunjukkan pada snapshot berikut.
Kontrol Mengubah Ukuran
Setelah Anda menambahkan kontrol ke kotak dialog, itu mengasumsikan ukuran default atau ukuran yang Anda gunakan untuk menggambarnya. Untuk membantu dengan ukuran kontrol pada formulir atau kotak dialog, Visual Studio menyediakan kisi visual yang terbuat dari titik hitam.
Untuk mengubah ukuran kontrol, yaitu, untuk memberikan lebar atau tinggi tertentu, posisikan mouse pada salah satu pegangan dan seret ke arah yang diinginkan.
Anda sekarang dapat mengubah ukuran kontrol dengan bantuan grid bertitik ini.
Mengontrol Posisi
Kontrol yang Anda posisikan pada kotak dialog atau formulir mengasumsikan tempatnya. Seringkali, posisi ini tidak praktis. Anda dapat memindahkannya ke posisi mana pun yang Anda pilih.
Mari kita tambahkan beberapa kontrol lagi -
Step 1 - Untuk memindahkan kontrol, klik dan seret ke arah yang diinginkan hingga mencapai posisi yang diinginkan.
Step 2- Untuk memindahkan sekelompok kontrol, pertama-tama pilih mereka. Kemudian seret pilihan tersebut ke lokasi yang diinginkan. Mari kita pilih Teks Statis dan Kontrol Edit.
Step 3 - Pindahkan kontrol yang dipilih ini ke sisi kiri.
Untuk membantu memposisikan kontrol, Visual Studio menyediakan toolbar Dialog dengan tombol-tombol berikut.
Step 1 - Mari kita sejajarkan kotak centang dan kontrol Teks Statis ke kiri dengan memilih semua kontrol ini.
Step 2 - Pilih Format → Align → Lefts.
Step 3 - Sekarang Anda dapat melihat semua kontrol ini sejajar ke kiri.
Pemesanan Tab
Kontrol yang Anda tambahkan ke formulir atau kotak dialog diposisikan dalam urutan yang mengikuti urutan penambahannya. Saat Anda menambahkan kontrol terlepas dari bagian atau area Anda menempatkan kontrol baru, itu secara berurutan diposisikan di akhir kontrol yang sudah ada. Jika Anda tidak memperbaikinya, pengguna akan kesulitan menavigasi kontrol. Urutan navigasi kontrol juga dikenal sebagai urutan tab.
Untuk mengubah tab, Anda dapat menggunakan opsi menu Format → Tab Order atau Anda juga dapat menggunakan pintasan Ctrl + D. Mari kita tekan Ctrl + D.
Sekarang Anda dapat melihat urutan semua kontrol ini ditambahkan ke kotak dialog ini. Untuk Mengubah urutan atau urutan kontrol, klik semua kontrol secara berurutan yang ingin Anda navigasi.
Dalam contoh ini, pertama-tama kita akan mengklik kotak centang diikuti oleh kontrol Nama dan Alamat Edit. Kemudian klik OK dan Batal seperti yang ditunjukkan pada gambar berikut.
Biarkan kami menjalankan aplikasi ini dan Anda akan melihat output berikut.
