Cara: Membuat Antarmuka Pengguna Multipane dengan Formulir Windows

Dengan mengatur kontrol pada formulir, Anda bisa membuat antarmuka pengguna multi-panel yang mirip dengan yang digunakan di Microsoft Outlook, dengan daftar Folder , panel Pesan , dan panel Pratinjau . Pengaturan ini dicapai terutama melalui kontrol docking dengan form.

Saat Anda mendock kontrol, Anda menentukan tepi kontainer induk di mana kontrol tersebut dipasang. Jika Anda mengatur properti Dock ke Right, tepi kanan kontrol akan dipasangkan dengan tepi kanan kontrol induknya. Selain itu, tepi kontrol yang ditambatkan diubah ukurannya agar sesuai dengan kontrol kontainernya. Untuk informasi selengkapnya tentang bagaimana properti Dock berfungsi, lihat Cara: Mengontrol Dock pada Windows Forms.

Prosedur ini berfokus pada pengaturan SplitContainer dan kontrol lain pada formulir, bukan pada penambahan fungsionalitas untuk membuat aplikasi meniru Microsoft Outlook.

Formulir yang dirancang agar terlihat seperti jendela email Outlook.

Untuk membuat antarmuka pengguna ini, Anda menempatkan semua kontrol dalam kontrol SplitContainer. SplitContainer berisi kontrol TreeView di panel sebelah kiri dan SplitContainer lain di panel sebelah kanan. SplitContainer kedua berisi kontrol ListView di atas dan kontrol RichTextBox di bagian bawah.

Kontrol SplitContainer ini memungkinkan perubahan ukuran independen kontrol lain pada formulir. Anda dapat menyesuaikan teknik dalam prosedur ini untuk membuat antarmuka pengguna kustom Anda sendiri.

Tata letak kontrol

Tabel berikut ini menjelaskan bagaimana kontrol dikonfigurasi untuk menirukan Microsoft Outlook:

Pengendalian Harta benda Nilai
SplitContainer Nama splitContainer1
Dok Fill
TabIndex 4
Lebar Pembagi (SplitterWidth) 4
JarakPembagi 100
Panel1.Kontrol Tambahkan kontrol treeView1 ke panel ini.
Panel2.Controls Tambahkan kontrol splitContainer2 ke panel ini.
Tampilan Pohon Nama treeView1
Dok Fill
TabIndex 0
Node Menambahkan simpul baru bernama Node0
SplitContainer Nama splitContainer2
Dok Fill
TabIndex 1
Lebar Pembagi (SplitterWidth) 4
SplitterDistance 150
Orientasi Horizontal
Panel1.Kontrol Tambahkan kontrol listView1 ke panel ini.
Panel2.Controls Tambahkan kontrol richTextBox1 ke panel ini.
TampilanDaftar (ListView) Nama listView1
Dok Fill
TabIndex 2
Barang-barang Tambahkan item baru dan atur teks ke item1.
RichTextBox Nama richTextBox1
Dok Fill
TabIndex 3
Teks richTextBox1

Lihat juga