Freigeben über

So erstellen Sie eine Oberfläche mit mehreren Bereichsfenstern in Windows Forms mithilfe des Designers

Im folgenden Verfahren erstellen Sie eine Benutzeroberfläche mit mehreren Bereichen, die der in Microsoft Outlook verwendeten Benutzeroberfläche ähnelt, mit einer Ordnerliste, einem Nachrichtenbereich und einem Vorschau Bereich. 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 also 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.

Zum Erstellen dieser Benutzeroberfläche platzieren Sie alle Steuerelemente in einem SplitContainer-Steuerelement, das ein TreeView-Steuerelement im linken Bereich enthält. Das rechte Panel des SplitContainer-Steuerelements enthält ein zweites SplitContainer-Steuerelement mit einem ListView-Steuerelement oberhalb eines RichTextBox-Steuerelements. 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.

So erstellen Sie zur Entwurfszeit eine Benutzeroberfläche im Outlook-Stil

  1. Erstellen Sie ein neues Projekt des Typs „Windows-Anwendung“ (Datei>Neu>Projekt>Visual C# oder Visual Basic>Klassischer Desktop>Windows Forms-Anwendung).

  2. Ziehen Sie ein SplitContainer-Steuerelement aus der Toolbox auf das Formular. Legen Sie im Fenster Eigenschaften die eigenschaft Dock auf Fillfest.

  3. Ziehen Sie ein TreeView-Steuerelement aus der Toolbox auf das linke Panel des SplitContainer-Steuerelements. Legen Sie im Eigenschaftenfenster die Dock-Eigenschaft auf Left fest, indem Sie im Wert-Editor auf das linke Panel klicken, das angezeigt wird, wenn Sie auf den nach unten zeigenden Pfeil klicken.

  4. Ziehen Sie ein weiteres SplitContainer-Steuerelement aus der Toolbox. Platzieren Sie es im rechten Panel des SplitContainer-Steuerelements, das Sie Ihrem Formular hinzugefügt haben. Legen Sie im Fenster Eigenschaften die eigenschaft Dock auf Fill und die eigenschaft Orientation auf Horizontalfest.

  5. Ziehen Sie ein ListView-Steuerelement aus der Toolbox in das obere Panel des zweiten SplitContainer-Steuerelements, das Sie Ihrem Formular hinzugefügt haben. Legen Sie die Dock-Eigenschaft des ListView-Steuerelements auf Fill fest.

  6. Ziehen Sie ein RichTextBox-Steuerelement aus der Toolbox auf das untere Panel des zweiten SplitContainer-Steuerelements. Legen Sie die Dock-Eigenschaft des RichTextBox-Steuerelements auf Fill fest.

    Wenn Sie F5 drücken, um die Anwendung auszuführen, zeigt das Formular eine dreiteilige Benutzeroberfläche an, ähnlich der von Microsoft Outlook.

    Hinweis

    Wenn Sie den Mauszeiger über einen der Splitter innerhalb der SplitContainer-Steuerelemente bewegen, können Sie die Größe der internen Abmessungen ändern.

An dieser Stelle in der Anwendungsentwicklung haben Sie eine anspruchsvolle Benutzeroberfläche erstellt. Der nächste Schritt ist die Programmierung der Anwendung selbst, indem Sie beispielsweise die Steuerelemente TreeView und ListView mit einer Datenquelle verbinden. Weitere Informationen zum Verbinden von Steuerelementen mit Daten finden Sie unter Datenbindung und Windows Forms.

Siehe auch