Gewusst wie: Erstellen einer Multipane-Benutzeroberfläche mit Windows Forms mithilfe des Designers
Aktualisiert: November 2007
Mit folgenden Schritten erstellen Sie eine Multipane-Benutzeroberfläche (ähnlich der in Microsoft Outlook) mit einer Ordner-Liste, einem Nachrichten-Bereich und einem Vorschau-Bereich. 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.
.gif "Hinweis") Hinweis: |
|---|
Die angezeigten Dialogfelder und Menübefehle können abhängig von den aktiven Einstellungen oder der verwendeten Version von den Beschreibungen in der Hilfe abweichen. Wählen Sie im Menü Extras die Option Einstellungen importieren und exportieren aus, um die Einstellungen zu ändern. Weitere Informationen finden Sie unter Visual Studio-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 Windows-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 die Dock-Eigenschaft des ListView-Steuerelements auf Fill fest.
Ziehen Sie ein RichTextBox-Steuerelement aus der Toolbox in den unteren Bereich des zweiten SplitContainer-Steuerelements. Legen Sie die Dock-Eigenschaft des RichTextBox-Steuerelements auf 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.
Hinweis: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.
Siehe auch
Aufgaben
Beispiel für ein SplitContainer-Steuerelement