Gewusst wie: Erstellen einer Multipane-Benutzeroberfläche mit Windows Forms mithilfe des Designers
Mit folgenden Schritten erstellen Sie eine Benutzeroberfläche mit mehreren Bereichen, die der in Microsoft Outlook ähnelt und eine Liste Ordner, einen Bereich Nachrichten und einen Bereich Vorschau bietet. Diese Anordnung wird hauptsächlich durch Andocken von Steuerelementen an das Formular erreicht.
Wenn Sie ein Steuerelement andocken, bestimmen Sie, auf welcher Seite des übergeordneten Containers ein Steuerelement angedockt wird. Wenn Sie also die Dock-Eigenschaft auf Right festlegen, wird der rechte Rand des Steuerelements an den rechten Rand des übergeordneten Steuerelements angedockt. Zusätzlich wird die Größe des angedockten Randes des Steuerelements an die Größe des übergeordneten Steuerelements angepasst. Weitere Informationen über die Funktionsweise der Dock-Eigenschaft finden Sie unter Gewusst wie: Andocken von Steuerelementen in Windows Forms.
Dieses Vorgehen dient in erster Linie zum Anordnen des SplitContainer und anderer Steuerelemente im Formular und nicht zum Hinzufügen von Funktionalität, mit der die Anwendung Microsoft Outlook nachahmen soll.
Zum Erstellen dieser Benutzeroberfläche müssen Sie alle Steuerelemente innerhalb eines SplitContainer-Steuerelements anordnen, das im linken Bereich ein TreeView-Steuerelement enthält. Der rechte Bereich des SplitContainer-Steuerelements enthält ein zweites SplitContainer-Steuerelement mit einem ListView-Steuerelement über einem RichTextBox-Steuerelement. Diese SplitContainer-Steuerelemente aktivieren unabhängige Größenanpassungen der anderen Steuerelemente im Formular. Sie können die Techniken dieser Prozedur anpassen, um eigene Benutzeroberflächen zu entwerfen.
Tipp
Je nach den aktiven Einstellungen oder der Version unterscheiden sich die Dialogfelder und Menübefehle auf Ihrem Bildschirm möglicherweise von den in der Hilfe beschriebenen. Klicken Sie im Menü Extras auf Einstellungen importieren und exportieren, um die Einstellungen zu ändern. Weitere Informationen finden Sie unter Arbeiten mit Einstellungen.
So erstellen Sie zur Entwurfszeit eine Benutzeroberfläche im Outlook-Design
Erstellen Sie ein neues Projekt vom Typ Windows-Anwendung. Ausführliche Informationen finden Sie unter Gewusst wie: Erstellen eines neuen Windows Forms-Anwendungsprojekts.
Ziehen Sie ein SplitContainer-Steuerelement aus der Toolbox in das Formular. Legen Sie im Eigenschaftenfenster die Dock-Eigenschaft auf Fill fest.
Ziehen Sie ein TreeView-Steuerelement aus der Toolbox in den linken Bereich des SplitContainer-Steuerelements. Legen Sie im Eigenschaftenfenster die Dock-Eigenschaft auf Left fest. Klicken Sie dazu auf das linke Fenster im Wert-Editor, der durch Klicken auf den Abwärtspfeil angezeigt wird.
Ziehen Sie ein weiteres SplitContainer-Steuerelement aus der Toolbox, und legen Sie es im rechten Bereich des SplitContainer-Steuerelements ab, das Sie dem Formular hinzugefügt haben. Legen Sie im Eigenschaftenfenster die Dock-Eigenschaft auf Fill und die Orientation-Eigenschaft auf Horizontal fest.
Ziehen Sie ein ListView-Steuerelement aus der Toolbox in den oberen Bereich des zweiten SplitContainer-Steuerelements, das Sie dem Formular hinzugefügt haben. Legen Sie für die Dock-Eigenschaft des ListView-Steuerelements Fill fest.
Ziehen Sie ein RichTextBox-Steuerelement aus der Toolbox in den unteren Bereich des zweiten SplitContainer-Steuerelements. Legen Sie für die Dock-Eigenschaft des RichTextBox-Steuerelements Fill fest.
Wenn Sie jetzt F5 drücken, um die Anwendung auszuführen, zeigt das Formular eine aus drei Teilen bestehende Benutzeroberfläche, die der Microsoft Outlook-Oberfläche ähnelt.
Tipp
Wenn Sie den Mauszeiger auf einen der Splitter innerhalb der SplitContainer-Steuerelemente bewegen, können Sie die Größe der internen Abmessungen ändern.
Nach diesem Schritt der Anwendungsentwicklung verfügen Sie also über eine anspruchsvolle Benutzeroberfläche. Fahren Sie fort, indem Sie die eigentliche Anwendung programmieren, z. B. durch Verbinden des TreeView-Steuerelements und der ListView-Steuerelemente mit einer Datenquelle. Weitere Informationen zum Verbinden von Steuerelementen mit Daten finden Sie unter Datenbindung und Windows Forms.