Procédure pas à pas : création d'un formulaire MDI avec la fusion de menus et des contrôles ToolStrip

Article
10/19/2023

L'espace de noms System.Windows.Forms prend en charge plusieurs applications MDI (Multiple Document Interface) et le contrôle MenuStrip prend en charge la fusion de menus. Les formulaires MDI peuvent également contenir des contrôles ToolStrip.

Cette procédure pas à pas montre comment utiliser ToolStripPanel des contrôles avec un formulaire MDI. Le formulaire prend également en charge la fusion de menus avec les menus enfants. Les tâches suivantes sont illustrées dans cette procédure pas à pas :

Création d’un projet Windows Forms.
Création du menu principal de votre formulaire. Le nom réel du menu varie.
Ajout du ToolStripPanel contrôle à la boîte à outils.
Création d’un formulaire enfant.
Organisation des ToolStripPanel contrôles par ordre de plan.

Lorsque vous avez terminé, vous disposez d’un formulaire MDI qui prend en charge la fusion de menus et les contrôles mobiles ToolStrip .

Pour copier le code de cette rubrique sous la forme d’une liste unique, consultez How to : Create an MDI Form with Menu Fusion and ToolStrip Controls.

Prérequis

Vous aurez besoin de Visual Studio pour effectuer cette procédure pas à pas.

Créer le projet

Dans Visual Studio, créez un projet d’application Windows appelé MdiForm (Fichier>Nouveau>projet>Visual C# ou Application Windows Forms de bureau>Classique Visual Basic).>
Dans le Concepteur Windows Forms, sélectionnez le formulaire.
Dans la Fenêtre Propriétés, définissez la valeur sur IsMdiContainertrue.

Le formulaire MDI parent contient le menu principal. Le menu principal comporte un élément de menu nommé Window. Avec l’élément de menu Fenêtre , vous pouvez créer des formulaires enfants. Les éléments de menu des formulaires enfants sont fusionnés dans le menu principal.

À partir de la boîte à outils, faites glisser un MenuStrip contrôle sur le formulaire.
Ajoutez un ToolStripMenuItem contrôle et nommez-le MenuStrip Window.
Sélectionnez le contrôle MenuStrip.
Dans le Fenêtre Propriétés, définissez la valeur de la MdiWindowListItem propriété sur ToolStripMenuItem1.
Ajoutez un sous-élément à l’élément de menu Fenêtre , puis nommez le sous-élément Nouveau.
Dans le Fenêtre Propriétés, cliquez sur Événements.
Double-cliquez sur l’événement Click .

Le Concepteur Windows Forms génère un gestionnaire d’événements pour l’événement Click .

Insérez le code suivant dans le gestionnaire d’événements.

// This method creates a new ChildForm instance
// and attaches it to the MDI parent form.
private void newToolStripMenuItem_Click(object sender, EventArgs e)
{
    ChildForm f = new ChildForm();
    f.MdiParent = this;
    f.Text = "Form - " + this.MdiChildren.Length.ToString();
    f.Show();
}

' This method creates a new ChildForm instance 
' and attaches it to the MDI parent form.
 Private Sub newToolStripMenuItem_Click( _
 ByVal sender As Object, _
 ByVal e As EventArgs) _
 Handles newToolStripMenuItem.Click

     Dim f As New ChildForm()
     f.MdiParent = Me
     f.Text = "Form - " + Me.MdiChildren.Length.ToString()
     f.Show()

 End Sub

Ajouter le contrôle ToolStripPanel à la boîte à outils

Lorsque vous utilisez MenuStrip des contrôles avec un formulaire MDI, vous devez disposer du ToolStripPanel contrôle. Vous devez ajouter le ToolStripPanel contrôle à la boîte à outils pour générer votre formulaire MDI dans le Concepteur Windows Forms.

Ouvrez la boîte à outils, puis cliquez sur l’onglet Tous les Windows Forms pour afficher les contrôles Windows Forms disponibles.
Cliquez avec le bouton droit pour ouvrir le menu contextuel, puis sélectionnez Choisir des éléments.
Dans la boîte de dialogue Choisir des éléments de boîte à outils, faites défiler la colonne Nom jusqu’à ce que vous trouviez ToolStripPanel.
Sélectionnez la zone case activée par ToolStripPanel, puis cliquez sur OK.

Le ToolStripPanel contrôle apparaît dans la boîte à outils.

Créer un formulaire enfant

Dans cette procédure, vous allez définir une classe de formulaire enfant distincte qui a son propre MenuStrip contrôle. Les éléments de menu de ce formulaire sont fusionnés avec ceux du formulaire parent.

Ajoutez un nouveau formulaire nommé ChildForm au projet.

Pour plus d’informations, consultez How to : Add Windows Forms to a Project.
À partir de la boîte à outils, faites glisser un MenuStrip contrôle sur le formulaire enfant.
Cliquez sur le MenuStrip glyphe des actions du concepteur du contrôle (), puis sélectionnez Modifier les éléments.
Dans la boîte de dialogue Éditeur de collection Items, ajoutez un nouvel ToolStripMenuItem objet ChildMenuItem au menu enfant.

Pour plus d’informations, consultez l’Éditeur de collection d’éléments ToolStrip.

Tester le formulaire

Appuyez sur F5 pour compiler et exécuter votre formulaire.
Cliquez sur l’élément de menu Fenêtre pour ouvrir le menu, puis sur Nouveau.

Un nouveau formulaire enfant est créé dans la zone client MDI du formulaire. Le menu du formulaire enfant est fusionné avec le menu principal.
Fermez le formulaire enfant.

Le menu du formulaire enfant est supprimé du menu principal.
Cliquez sur Nouveau plusieurs fois.

Les formulaires enfants sont automatiquement répertoriés sous l’élément de menu Fenêtre , car la MenuStrip propriété du MdiWindowListItem contrôle est affectée.

Ajout de la prise en charge de ToolStrip

Dans cette procédure, vous allez ajouter quatre ToolStrip contrôles au formulaire parent MDI. Chaque ToolStrip contrôle est ajouté à l’intérieur d’un ToolStripPanel contrôle, qui est ancré au bord du formulaire.

À partir de la boîte à outils, faites glisser un ToolStripPanel contrôle sur le formulaire.
Une fois le ToolStripPanel contrôle sélectionné, double-cliquez sur le ToolStrip contrôle dans la boîte à outils.

Un ToolStrip contrôle est créé dans le ToolStripPanel contrôle.
Sélectionnez le contrôle ToolStripPanel.
Dans le Fenêtre Propriétés, remplacez la valeur de la propriété Leftdu Dock contrôle par .

Le ToolStripPanel contrôle s’ancre sur le côté gauche du formulaire, sous le menu principal. La zone cliente MDI est redimensionnée pour s’adapter au ToolStripPanel contrôle.
Répétez les étapes 1 à 4.

Ancrez le nouveau ToolStripPanel contrôle en haut du formulaire.

Le ToolStripPanel contrôle est ancré sous le menu principal, mais à droite du premier ToolStripPanel contrôle. Cette étape illustre l’importance de z-order dans le positionnement ToolStripPanel correct des contrôles.
Répétez les étapes 1 à 4 pour deux autres ToolStripPanel contrôles.

Ancrez les nouveaux ToolStripPanel contrôles à droite et en bas du formulaire.

Organiser les contrôles ToolStripPanel par ordre Z

La position d’un contrôle ancré ToolStripPanel sur votre formulaire MDI est déterminée par la position du contrôle dans l’ordre z. Vous pouvez facilement organiser l’ordre z de vos contrôles dans la fenêtre Plan du document.

Dans le menu Affichage , cliquez sur Autres fenêtres, puis sur Plan du document.

La disposition de vos ToolStripPanel contrôles de la procédure précédente n’est pas standard. Cela est dû au fait que l’ordre z n’est pas correct. Utilisez la fenêtre Plan du document pour modifier l’ordre z des contrôles.
Dans la fenêtre Plan du document, sélectionnez ToolStripPanel4.
Cliquez sur le bouton flèche bas à plusieurs reprises, jusqu’à ce que ToolStripPanel4 se trouve en bas de la liste.

Le contrôle ToolStripPanel4 est ancré au bas du formulaire, sous les autres contrôles.
Sélectionnez ToolStripPanel2.
Cliquez sur le bouton flèche vers le bas une fois pour positionner le troisième contrôle dans la liste.

Le contrôle ToolStripPanel2 est ancré en haut du formulaire, sous le menu principal et au-dessus des autres contrôles.
Sélectionnez différents contrôles dans la fenêtre Plan du document et déplacez-les vers différentes positions dans l’ordre z. Notez l’effet de l’ordre de plan sur l’emplacement des contrôles ancrés. Utilisez Ctrl-Z ou Annuler dans le menu Modifier pour annuler vos modifications.

Point de contrôle : tester votre formulaire

Appuyez sur F5 pour compiler et exécuter votre formulaire.
Cliquez sur la poignée d’un ToolStrip contrôle et faites glisser le contrôle vers différentes positions sur le formulaire.

Vous pouvez faire glisser un contrôle d’un ToolStrip contrôle vers un ToolStripPanel autre.

Étapes suivantes

Dans cette procédure pas à pas, vous avez créé un formulaire parent MDI avec ToolStrip des contrôles et la fusion de menus. Vous pouvez utiliser la ToolStrip famille de contrôles à de nombreuses autres fins :

Créez des menus contextuels pour vos contrôles avec ContextMenuStrip. Pour plus d’informations, consultez Vue d’ensemble du composant ContextMenu.
Création d’un formulaire avec un menu standard renseigné automatiquement. Pour plus d’informations, consultez Procédure pas à pas : fournir des éléments de menu standard à un formulaire.
Donnez à vos ToolStrip contrôles une apparence professionnelle. Pour plus d’informations, consultez How to : Set the ToolStrip Renderer for an Application.

Partager via