Conception d'une interface utilisateur en Visual C#

Article
08/21/2008

Mise à jour : novembre 2007

Dans Visual C#, la méthode la plus rapide et la plus pratique pour créer une interface utilisateur pour une application Windows consiste à utiliser le Concepteur Windows Forms et la boîte à outils.

Remarque :
Cet article traite de la technologie Windows Forms uniquement. Vous pouvez également utiliser Visual C# pour créer une application Windows Presentation Foundation (WPF). Pour plus d'informations, consultez Introduction à Windows Presentation Foundation et Comment : créer un projet d'application WPF. Vous pouvez également utiliser Visual C# pour créer des applications console (semblables aux programmes MS-DOS) qui ont une interface utilisateur textuelle simple. Pour plus d'informations, consultez Comment : créer une application console C#.

Cet article traite de la technologie Windows Forms uniquement. Vous pouvez également utiliser Visual C# pour créer une application Windows Presentation Foundation (WPF). Pour plus d'informations, consultez Introduction à Windows Presentation Foundation et Comment : créer un projet d'application WPF.

Vous pouvez également utiliser Visual C# pour créer des applications console (semblables aux programmes MS-DOS) qui ont une interface utilisateur textuelle simple. Pour plus d'informations, consultez Comment : créer une application console C#.

Il y a trois étapes de base pour créer des interfaces utilisateur pour les applications Windows Forms :

Ajout de contrôles à l'aire de conception.
Définition des propriétés initiales pour les contrôles.
Écriture de gestionnaires pour les événements spécifiés.

Même si vous pouvez également créer votre interface utilisateur en écrivant votre propre code, les concepteurs vous permettent d'effectuer ce travail plus rapidement que par codage manuel.

Ajout de contrôles

Dans le concepteur, vous pouvez utiliser la souris pour faire glisser des contrôles (des boutons et des zones de texte, par exemple) sur une aire de conception qui représente le formulaire. Une zone de liste déroulante qui a fait l'objet d'un glisser de la Boîte à outils vers un formulaire du Concepteur Windows Forms est illustrée ci-dessous.

boîte à outils

Comme vous travaillez visuellement, le concepteur traduit vos actions en code source C# et les écrit dans un fichier de projet nommé <nom>.designer.cs, où <nom> correspond au nom que vous avez attribué au formulaire. Lorsque votre application s'exécute, ce code source positionne et dimensionne les éléments de votre interface utilisateur afin qu'ils apparaissent comme sur l'aire de conception. Pour plus d'informations, consultez Concepteur Windows Forms.

Définition de propriétés

Après avoir ajouté un contrôle à votre formulaire, vous pouvez utiliser la fenêtre Propriétés pour définir ses propriétés, par exemple la couleur d'arrière-plan et le texte par défaut. Les valeurs que vous spécifiez dans la fenêtre Propriétés sont les valeurs initiales qui seront assignées à cette propriété lorsque le contrôle sera créé au moment de l'exécution. Très souvent, vous pouvez accéder à ces valeurs ou les modifier par programme au moment de l'exécution, en obtenant ou en définissant la propriété sur l'instance de la classe de contrôle dans votre application. La fenêtre Propriétés est utile au moment du design parce qu'elle vous permet de parcourir l'ensemble des propriétés, événements et méthodes pris en charge sur un contrôle. Pour plus d'informations, consultez Propriétés, fenêtre.

Gestion des événements

Les programmes dotés d'interfaces utilisateur graphiques sont essentiellement commandés par événement. Ils attendent jusqu'à ce qu'un utilisateur accomplisse une action, par exemple entrer du texte dans une zone de texte, cliquer sur un bouton ou modifier une sélection dans une zone de liste. Lorsque cette action se produit, le contrôle, qui est simplement une instance d'une classe .NET Framework, envoie un événement à votre application. Vous avez la possibilité de gérer un événement en écrivant une méthode spéciale dans votre application qui sera appelée à la réception de l'événement.

Vous pouvez utiliser la fenêtre Propriétés pour spécifier les événements que vous souhaitez gérer dans votre code. Sélectionnez un contrôle dans le concepteur et cliquez sur le bouton Événements (icône représentant un éclair) de la barre d'outils de la fenêtre Propriétés pour consulter les événements correspondants. Le schéma suivant représente le bouton des événements.

Bouton Événements de la fenêtre Propriétés

Lorsque vous ajoutez un gestionnaire d'événements via la fenêtre Propriétés, le concepteur écrit automatiquement le corps de la méthode vide et il vous reste à écrire le code pour que la méthode soit fonctionnelle. La plupart des contrôles génèrent de nombreux événements, mais une application n'en a le plus souvent que quelques-uns à gérer, voire même qu'un seul. Par exemple, si vous avez à gérer l'événement Click d'un bouton, vous n'avez pas à gérer son événement Paint, sauf si vous souhaitez personnaliser davantage son apparence. Chaque contrôle possède un gestionnaire d'événements par défaut. Pour créer le gestionnaire d'événements par défaut, double-cliquez sur le contrôle dans le concepteur. Cela crée le gestionnaire d'événements et ouvre l'éditeur de code pour que vous puissiez écrire le code pour gérer l'événement.

Étapes suivantes

Pour plus d'informations sur les interfaces utilisateur Windows Forms, consultez les rubriques suivantes :

Dans la bibliothèque de classes .NET Framework, System.Windows.Forms et les espaces de noms connexes contiennent les classes utilisées dans le développement Windows Forms.