Freigeben über

So erstellen Sie eine Benutzeroberfläche mit mehreren Fenstern in Windows Forms

  • Artikel

Durch das Anordnen von Steuerelementen auf einem Formular können Sie eine Benutzeroberfläche mit mehreren Bereichen erstellen, die den in Microsoft Outlook verwendeten Benutzeroberflächen ähnelt, mit einer Ordnerliste, einem Nachrichtenbereich und einem Vorschaubereich. Diese Anordnung wird hauptsächlich durch Andocksteuerelemente im Formular erreicht.

Wenn Sie ein Steuerelement andocken, bestimmen Sie, an welchem Rand des übergeordneten Containers ein Steuerelement angedockt wird. Wenn Sie die Dock-Eigenschaft auf Right festlegen, wird der rechte Rand des Steuerelements am rechten Rand des übergeordneten Steuerelements angedockt. Darüber hinaus wird die Größe des angedockten Rands des Steuerelements dem jeweiligen Containersteuerelement entsprechend geändert. Weitere Informationen zur Funktionsweise der Dock-Eigenschaft finden Sie unter Vorgehensweise: Andocken von Steuerelementen in Windows Forms.

Dieses Verfahren konzentriert sich auf das Anordnen der SplitContainer und der anderen Steuerelemente im Formular, nicht auf das Hinzufügen von Funktionen, um die Anwendung imitieren zu lassen Microsoft Outlook.

Ein Formular, das so konzipiert ist, dass es wie ein Outlook-E-Mail-Fenster aussieht.

Um diese Benutzeroberfläche zu erstellen, platzieren Sie alle Steuerelemente in einem SplitContainer-Steuerelement. SplitContainer enthält ein TreeView-Steuerelement im linken Bereich und ein anderes SplitContainer-Steuerelement im rechten Bereich. Der zweite SplitContainer enthält ein ListView-Steuerelement oben und ein RichTextBox-Steuerelement unten.

Diese SplitContainer-Steuerelemente ermöglichen eine unabhängige Größenänderung der anderen Steuerelemente im Formular. Sie können die Techniken in diesem Verfahren anpassen, um benutzerdefinierte Benutzeroberflächen selbst zu erstellen.

Steuerelementlayout

In der folgenden Tabelle wird beschrieben, wie die Steuerelemente konfiguriert sind, um Microsoft Outlook zu imitieren.

Steuerung Eigentum Wert
SplitContainer Name splitContainer1
Dock Fill
TabIndex 4
SplitterWidth 4
SplitterDistance 100
Panel1.Controls Fügen Sie das treeView1-Steuerelement zu diesem Bereich hinzu.
Panel2.Controls Fügen Sie das splitContainer2-Steuerelement zu diesem Bereich hinzu.
TreeView Name treeView1
Dock Fill
TabIndex 0
Nodes Hinzufügen eines neuen Knotens mit dem Namen Node0
SplitContainer Name splitContainer2
Dock Fill
TabIndex 1
SplitterWidth 4
SplitterDistance 150
Orientation Horizontal
Panel1.Controls Fügen Sie das listView1-Steuerelement zu diesem Bereich hinzu.
Panel2.Controls Fügen Sie das richTextBox1-Steuerelement zu diesem Bereich hinzu.
ListView Name listView1
Dock Fill
TabIndex 2
Items Fügen Sie ein neues Element hinzu, und legen Sie den Text auf item1fest.
RichTextBox Name richTextBox1
Dock Fill
TabIndex 3
Text richTextBox1

Weitere Informationen