Vorgehensweise: Erstellen einer Multipane-Benutzeroberfläche mit Windows Forms mithilfe des Designers

  • Artikel

Im folgenden Verfahren erstellen Sie eine Benutzeroberfläche mit mehreren Bereichen, die der von Microsoft Outlook ähnelt, mit der Liste Ordner, dem Bereich Nachrichten und dem Bereich Vorschau. 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 die Anordnung des SplitContainer-Steuerelements und der die anderen Steuerelemente im Formular, nicht auf das Hinzufügen von Funktionalität, damit die Anwendung Microsoft Outlook imitiert.

Um diese Benutzeroberfläche zu erstellen, platzieren Sie alle Steuerelemente innerhalb eines SplitContainer-Steuerelements, das im linken Panel ein TreeView-Steuerelement 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 eigene benutzerdefinierte Benutzeroberflächen 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 Eigenschaftenfenster die Dock-Eigenschaft auf Fill und die Orientation-Eigenschaft auf Horizontal fest.

  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 Fillfest.

  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 Fillfest.

    Wenn Sie an dieser Stelle F5 drücken, um die Anwendung auszuführen, wird das Formular mit einer dreiteiligen Benutzeroberfläche ähnlich der von Microsoft Outlook angezeigt.

    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 diesem Punkt 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.

Weitere Informationen