Docking dan Anchor pada Windows Form

Docking dan Anchor pada Windows Form
Docking dan Anchor pada Windows Form

Tampilan Aplikasi yang responsive sangat menentukan user experience pada program yang dibuat. Tidak heran sekarang banyak yang berlomba-lomba untuk membuat tampilan aplikasi yang dikembangkannya menjadi responsive terhadap semua bentuk resolusi layar.

Tampilan responsive pada WinForm dapat kamu dapatkan dengan menggunakan Dock dan juga anchor.

Dock dan Anchor sangat berpengaruh dalam menentukan responsive tidaknya aplikasi yang kamu buat.

Jadi sebelum menuju inti dari materi kali ini, alangkah baiknya terlebih dahulu kita mengenal Dock dan Anchor pada Windows Form.

Dock WinForm

Dock Winform

Docking memungkinkan ukuran suatu Control mengikuti ukuran Form Parent

Selain ukuran, juga menempelkan Control pada sisi Form Parent.

Apabila parent Form berubah ukuran, maka control akan secara otomatis menyesuaikan ukurannya juga.

perhatikan gambar dibawah ini.

Dock pada Button
Dock Pada Button

Pada gambar di atas dapat kita lihat, apabila form parent dirubah ukurannya maka secara otomatis Control di dalamnya akan menyesuaikan.

Cara menggunakan Dock pada WinForm

Kamu dapat melakukan Dock pada control dengan cara :

  1. Pilih Control yang akan kamu Dock.
  2. Pada properties, cari lah Dock normalnya pada kategori layout.
  3. Pilihlah Dock sesuai dengan selera kamu.

Dock pada windows Form dibagi menjadi 5 yaitu :

Top : Menempelkan Control pada sisi Atas Parent.

Left : Menempelkan Control pada sisi Kiri Parent.

Bottom : Menempelkan Control pada Sisi Bawah Parent.

Right : Menempelkan Control pada sisi Kanan Parent.

Fill : Mengisi seluruh bagian Parent.

Anchor WinForm

Anchor WinForm

Berbeda dengan Dock, anchor lebih cenderung kepada Tata letak Control, Control yang dikenakan anchor maka teta letaknya akan menyesuaikan dengan ukuran Parent Form.

Jadi ketika Parent Form berubah ukuran, tata Letak Control akan mengikuti secara otomatis.

Perhatikan Gambar dibawah ini :

Anchor WinForm

Pada gambar di atas dapat kita lihat, apabila form parent dirubah ukurannya maka secara otomatis Tata Letak Control di dalamnya akan menyesuaikan.

Cara menggunakan Anchor pada WinForm

Kamu dapat memasang Anchor pada control dengan cara :

  1. Pilih Control yang akan kamu pasang Anchor.
  2. Pada properties, cari lah Anchor normalnya pada kategori layout.
  3. Pilihlah Anchor sesuai dengan selera kamu.

Anchor berbeda dengan Dock, Anchor dapat kamu gabungkan sisi dengan sisi lainnya, misal :

Left, Right : akan menarik Control ke sisi kanan dan kiri.

Left, Right, Top : akan menarik Control ke sisi atas, kanan dan kiri.

dan seterusnya.

Membuat Aplikasi Winform Responsive

Sekarang kita akan mencoba mengimplementasikan Dock dan Anchor kedalam aplikasi Winform. Bagaimanakah hasilnya ?

perhatikan gambar dibawah ini :

Implementasi Anchor dan Dock pada Windows Form.

Mungkin sekian penjelasan Anchor dan Dock pada Windows Form, selamat bertemu pada materi selanjutnya.

Mungkin Anda juga menyukai