Udostępnij za pośrednictwem

Porady: tworzenie złożonego interfejsu użytkownika z formularzami Windows

  • Artykuł

Rozmieszczając kontrolki w formularzu, można utworzyć interfejs użytkownika z wieloma okienkami, który jest podobny do używanego w programie Microsoft Outlook, z listą folderów , okienkiem Wiadomości i okienkiem Podgląd . Ten układ jest osiągany głównie za pomocą kontrolek dokowania z formularzem.

W przypadku zadokowania kontrolki należy określić, do której krawędzi kontenera nadrzędnego jest przymocowana kontrolka. Jeśli ustawisz Dock właściwość na Right, prawa krawędź kontrolki zostanie zadokowana do prawej krawędzi kontrolki nadrzędnej. Ponadto rozmiar zadokowanej krawędzi kontrolki jest zmieniany tak, aby był zgodny z kontrolką kontenera. Aby uzyskać więcej informacji o Dock sposobie działania właściwości, zobacz How to: Dock Controls on Windows Forms (Instrukcje: Dokowanie kontrolek w formularzach systemu Windows).

Ta procedura koncentruje się na rozmieszczaniu SplitContainer i innych kontrolkach w formularzu, a nie na dodawaniu funkcji, aby aplikacja naśladowała program Microsoft Outlook.

A form that's designed to look like an Outlook mail window.

Aby utworzyć ten interfejs użytkownika, należy umieścić wszystkie kontrolki w kontrolce SplitContainer . Element SplitContainer zawiera kontrolkę TreeView w panelu po lewej stronie, a drugi SplitContainer na panelu po prawej stronie. Drugi SplitContainer zawiera kontrolkę ListView na górze i kontrolkę RichTextBox na dole.

Te SplitContainer kontrolki umożliwiają niezależną zmianę rozmiaru innych kontrolek w formularzu. Techniki opisane w tej procedurze można dostosować do własnych niestandardowych interfejsów użytkownika.

Układ kontrolki

W poniższej tabeli opisano sposób konfigurowania kontrolek naśladujących program Microsoft Outlook:

Kontrolka Właściwości Wartość
Splitcontainer Nazwisko splitContainer1
Dock Fill
TabIndex 4
SplitterWidth 4
Podział 100
Panel1.Controls Dodaj kontrolkę treeView1 do tego panelu.
Panel2.Controls Dodaj kontrolkę splitContainer2 do tego panelu.
TreeView Nazwisko treeView1
Dock Fill
TabIndex 0
Węzły Dodawanie nowego węzła o nazwie Node0
Splitcontainer Nazwisko splitContainer2
Dock Fill
TabIndex 1
SplitterWidth 4
Podział 150
Orientacja Horizontal
Panel1.Controls Dodaj kontrolkę listView1 do tego panelu.
Panel2.Controls Dodaj kontrolkę richTextBox1 do tego panelu.
ListView Nazwisko listView1
Dock Fill
TabIndex 2
Elementy Dodaj nowy element i ustaw tekst na item1.
RichTextBox Nazwisko richTextBox1
Dock Fill
TabIndex 3
Tekst richTextBox1

Zobacz też