Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
En organisant des contrôles sur un formulaire, vous pouvez créer une interface utilisateur à plusieurs volets similaire à celle utilisée dans Microsoft Outlook, avec une liste de dossiers , un volet Messages et un volet Aperçu . Cette disposition s’effectue principalement par le biais de contrôles d’ancrage avec le formulaire.
Lorsque vous ancrez un contrôle, vous déterminez le bord du conteneur parent auquel un contrôle est attaché. Si vous définissez la propriété Dock à Right, le bord droit du contrôle serait ancré sur le bord droit de son contrôle parent. En outre, le bord ancré du contrôle est redimensionné pour correspondre à celui du contrôle conteneur. Pour plus d’informations sur le fonctionnement de la propriété Dock, consultez Aide et Astuces : contrôles d’ancrage sur Windows Forms.
Cette procédure se concentre sur l’organisation des SplitContainer et les autres contrôles du formulaire, et non sur l’ajout de fonctionnalités pour que l’application imite Microsoft Outlook.
Pour créer cette interface utilisateur, vous placez tous les contrôles au sein d’un SplitContainer contrôle. Le SplitContainer contient un contrôle TreeView dans le panneau de gauche, et un autre contrôle SplitContainer dans le panneau de droite. La seconde SplitContainer contient une ListView commande en haut et une RichTextBox commande en bas.
Ces contrôles SplitContainer permettent un redimensionnement indépendant des autres contrôles sur le formulaire. Vous pouvez adapter les techniques de cette procédure pour créer des interfaces utilisateur personnalisées de votre propre choix.
Disposition du contrôle
Le tableau suivant décrit comment les contrôles sont configurés pour imiter Microsoft Outlook :
| Contrôle | Propriété | Valeur |
|---|---|---|
| SplitContainer | Nom | splitContainer1 |
| Bassin | Fill |
|
| TabIndex | 4 |
|
| Largeur du Séparateur | 4 |
|
| Distance du séparateur | 100 |
|
| Panel1.Controls | Ajoutez le treeView1 contrôle à ce panneau. |
|
| Panel2.Controls | Ajoutez le splitContainer2 contrôle à ce panneau. |
|
| TreeView | Nom | treeView1 |
| Bassin | Fill |
|
| TabIndex | 0 |
|
| Nœuds | Ajouter un nouveau nœud nommé Node0 |
|
| SplitContainer | Nom | splitContainer2 |
| Bassin | Fill |
|
| TabIndex | 1 |
|
| Largeur du Séparateur | 4 |
|
| Distance du séparateur | 150 |
|
| Orientation | Horizontal |
|
| Panel1.Controls | Ajoutez le listView1 contrôle à ce panneau. |
|
| Panel2.Controls | Ajoutez le richTextBox1 contrôle à ce panneau. |
|
| Vue de liste | Nom | listView1 |
| Bassin | Fill |
|
| TabIndex | 2 |
|
| Objets | Ajoutez un nouvel élément et définissez le texte sur item1. |
|
| RichTextBox | Nom | richTextBox1 |
| Bassin | Fill |
|
| TabIndex | 3 |
|
| Texto | richTextBox1 |
Voir aussi
Collaborer avec nous sur GitHub
La source de ce contenu se trouve sur GitHub, où vous pouvez également créer et examiner les problèmes et les demandes de tirage. Pour plus d’informations, consultez notre guide du contributeur.
.NET Desktop feedback