Jusqu'à présent, nous avons vu comment travailler avec C # pour créer des applications basées sur la console. Mais dans un scénario réel, l'équipe utilise normalement Visual Studio et C # pour créer des Windows Forms ou des applications Web.
Une application Windows Form est une application conçue pour s'exécuter sur un ordinateur. Il ne fonctionnera pas sur le navigateur Web car il devient alors une application Web.
Ce didacticiel se concentrera sur la façon dont nous pouvons créer des applications Windows. Nous allons également apprendre quelques notions de base sur la façon de travailler avec les différents éléments de l'application Windows C #.
Dans ce didacticiel Windows, vous apprendrez-
- Principes de base de Windows Forms
- Hello World dans Windows Forms
- Ajout de contrôles à un formulaire
- Gestion des événements pour les contrôles
- Contrôle de l'arborescence et de la PictureBox
Principes de base de Windows Forms
Une application Windows Forms est une application qui s'exécute sur l'ordinateur de bureau. Une application Windows Forms aura normalement une collection de contrôles tels que des étiquettes, des zones de texte, des zones de liste, etc.
Vous trouverez ci-dessous un exemple d'application de formulaire Windows simple C #. Il affiche un écran de connexion simple, accessible par l'utilisateur. L'utilisateur entrera les informations d'identification requises, puis cliquera sur le bouton Connexion pour continuer.
Donc, un exemple des contrôles disponibles dans l'application ci-dessus
- Il s'agit d'un ensemble de contrôles d'étiquette qui sont normalement utilisés pour décrire les contrôles adjacents. Donc, dans notre cas, nous avons 2 zones de texte, et les étiquettes sont utilisées pour indiquer à l'utilisateur qu'une zone de texte est pour entrer le nom d'utilisateur et l'autre pour le mot de passe.
- Les 2 zones de texte sont utilisées pour contenir le nom d'utilisateur et le mot de passe qui seront saisis par l'utilisateur.
- Enfin, nous avons le contrôle de bouton. Le contrôle de bouton aura normalement du code attaché pour effectuer un certain ensemble d'actions. Ainsi par exemple dans le cas ci-dessus, nous pourrions demander au bouton d'effectuer une action de validation du nom d'utilisateur et du mot de passe saisis par l'utilisateur.
C # Hello World
Voyons maintenant un exemple de la façon dont nous pouvons implémenter une simple application `` hello world '' dans Visual Studio. Pour cela, nous aurions besoin de mettre en œuvre les étapes mentionnées ci-dessous
Étape 1) La première étape implique la création d'un nouveau projet dans Visual Studio. Après avoir lancé Visual Studio, vous devez choisir l'option de menu Nouveau-> Projet.
Étape 2) L'étape suivante consiste à choisir le type de projet en tant qu'application Windows Forms. Ici, nous devons également mentionner le nom et l'emplacement de notre projet.
- Dans la boîte de dialogue du projet, nous pouvons voir diverses options pour créer différents types de projets dans Visual Studio. Cliquez sur l'option Windows sur le côté gauche.
- Lorsque nous cliquons sur les options Windows à l'étape précédente, nous pourrons voir une option pour l'application Windows Forms. Cliquez sur cette option.
- Nous donnerons un nom à l'application. Dans notre cas, il s'agit de DemoApplication. Nous fournirons également un emplacement pour stocker notre application.
- Enfin, nous cliquons sur le bouton 'OK' pour laisser Visual Studio créer notre projet.
Si les étapes ci-dessus sont suivies, vous obtiendrez la sortie ci-dessous dans Visual Studio.
Production:-
Vous verrez un Concepteur de formulaires affiché dans Visual Studio. C'est dans ce Concepteur de formulaires que vous commencerez à créer votre application Windows Forms.
Dans l'Explorateur de solutions, vous pourrez également voir la solution DemoApplication. Cette solution contiendra les 2 fichiers de projet ci-dessous
- Une application Form appelée Forms1.cs. Ce fichier contiendra tout le code de l'application Windows Form.
- Le programme principal appelé Program.cs est un fichier de code par défaut qui est créé lorsqu'une nouvelle application est créée dans Visual Studio. Ce code contiendra le code de démarrage de l'application dans son ensemble.
Sur le côté gauche de Visual Studio, vous verrez également une boîte à outils. La boîte à outils contient tous les contrôles qui peuvent être ajoutés à un Windows Forms. Les contrôles tels qu'une zone de texte ou une étiquette ne sont que quelques-uns des contrôles qui peuvent être ajoutés à un Windows Forms.
Ci-dessous, une capture d'écran de l'apparence de la boîte à outils.
Étape 3) Dans cette étape, nous allons maintenant ajouter une étiquette au formulaire qui affichera «Hello World». Dans la boîte à outils, vous devrez choisir le contrôle Label et le faire simplement glisser sur le formulaire.
Une fois que vous faites glisser l'étiquette vers le formulaire, vous pouvez voir l'étiquette incorporée dans le formulaire comme indiqué ci-dessous.
Étape 4) L'étape suivante consiste à accéder aux propriétés du contrôle et à modifier le texte en «Hello World».
Pour accéder aux propriétés d'un contrôle, vous devez cliquer avec le bouton droit sur le contrôle et choisir l'option de menu Propriétés
- Le panneau des propriétés apparaît également dans Visual Studio. Donc, pour le contrôle d'étiquette, dans le contrôle de propriétés, allez dans la section Texte et entrez "Hello World".
- Chaque contrôle a un ensemble de propriétés qui décrivent le contrôle.
Si vous suivez toutes les étapes ci-dessus et exécutez votre programme dans Visual Studio, vous obtiendrez la sortie suivante
Production:-
Dans la sortie, vous pouvez voir que le formulaire Windows est affiché. Vous pouvez également voir que «Hello World» est affiché sur le formulaire.
Ajout de contrôles à un formulaire
Nous avions déjà vu comment ajouter un contrôle à un formulaire lorsque nous avons ajouté le contrôle d'étiquette dans la section précédente pour afficher «Hello World».
Examinons les autres contrôles disponibles pour les formulaires Windows et voyons certaines de leurs propriétés communes.
Dans notre application de formulaire Windows dans des exemples C #, nous allons créer un formulaire qui aura la fonctionnalité suivante.
- La possibilité pour l'utilisateur de saisir son nom et son adresse.
- Une option pour choisir la ville dans laquelle réside l'utilisateur
- La possibilité pour l'utilisateur de saisir une option pour le sexe.
- Une option pour choisir un cours que l'utilisateur souhaite apprendre. Il y aura des choix pour C # et ASP.Net
Examinons donc chaque contrôle en détail et ajoutons-les pour créer le formulaire avec les fonctionnalités susmentionnées.
Boîte de groupe
Une zone de groupe est utilisée pour regrouper les contrôles logiques dans une section. Prenons un exemple si vous disposiez d'une collection de contrôles pour saisir des détails tels que le nom et l'adresse d'une personne. Idéalement, ce sont les détails d'une personne, vous voudrez donc avoir ces détails dans une section distincte sur le formulaire. Pour cela, vous pouvez avoir une zone de groupe. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous
Étape 1) La première étape consiste à faire glisser le contrôle Groupbox sur le Windows Form à partir de la boîte à outils comme indiqué ci-dessous
Étape 2) Une fois la groupbox ajoutée, accédez à la fenêtre des propriétés en cliquant sur le champ groupbox. Dans la fenêtre des propriétés, accédez à la propriété Text et changez-la en "Détails de l'utilisateur".
Une fois que vous avez apporté les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Dans la sortie, vous pouvez clairement voir que la Groupbox a été ajoutée au formulaire. Vous pouvez également voir que le texte de la zone de groupe a été changé en «Détails de l'utilisateur».
Contrôle des étiquettes
Vient ensuite le contrôle d'étiquette. Le contrôle d'étiquette est utilisé pour afficher un texte ou un message à l'utilisateur sur le formulaire. Le contrôle d'étiquette est normalement utilisé avec d'autres contrôles. Des exemples courants sont dans lesquels une étiquette est ajoutée avec le contrôle de zone de texte.
L'étiquette indique à l'utilisateur ce qui est censé se remplir dans la zone de texte. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous. Nous ajouterons 2 libellés, l'un qui s'appellera «nom» et l'autre appelé «adresse». Ils seront utilisés en conjonction avec les contrôles de zone de texte qui seront ajoutés dans la section ultérieure.
Étape 1) La première étape consiste à faire glisser le contrôle d'étiquette sur le formulaire Windows à partir de la boîte à outils, comme indiqué ci-dessous. Assurez-vous de faire glisser le contrôle d'étiquette 2 fois afin de pouvoir en avoir un pour le «nom» et l'autre pour «l'adresse».
Étape 2) Une fois l'étiquette ajoutée, accédez à la fenêtre des propriétés en cliquant sur le champ d'étiquette. Dans la fenêtre des propriétés, accédez à la propriété Text de chaque contrôle d'étiquette.
Une fois que vous avez apporté les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Vous pouvez voir les contrôles d'étiquette ajoutés au formulaire.
Zone de texte
Une zone de texte est utilisée pour permettre à un utilisateur de saisir du texte sur l'application Windows en C #. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous. Nous ajouterons 2 zones de texte au formulaire, une pour le nom et l'autre pour l'adresse à saisir pour l'utilisateur
Étape 1) La première étape consiste à faire glisser le contrôle de zone de texte sur le formulaire Windows à partir de la boîte à outils, comme indiqué ci-dessous
Étape 2) Une fois les zones de texte ajoutées, accédez à la fenêtre des propriétés en cliquant sur le champ de zone de texte. Dans la fenêtre des propriétés, accédez à la propriété Name et ajoutez un nom significatif à chaque zone de texte. Par exemple, nommez la zone de texte de l'utilisateur comme txtUser et celle de l'adresse comme txtAddress. Une convention de dénomination et une norme doivent être faites pour les contrôles car il devient plus facile d'ajouter des fonctionnalités supplémentaires à ces contrôles, ce que nous verrons plus tard.
Une fois que vous avez apporté les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Dans la sortie, vous pouvez clairement voir que les zones de texte ont été ajoutées au formulaire.
Zone de liste
Une liste déroulante est utilisée pour présenter une liste d'éléments sur le formulaire Windows. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous. Nous ajouterons une zone de liste au formulaire pour stocker certains emplacements de la ville.
Étape 1) La première étape consiste à faire glisser le contrôle de zone de liste sur le formulaire Windows à partir de la boîte à outils, comme indiqué ci-dessous
Étape 2) Une fois la zone de liste ajoutée, accédez à la fenêtre des propriétés en cliquant sur le champ de zone de liste.
- Tout d'abord, modifiez la propriété du contrôle de zone de liste, dans notre cas, nous l'avons changé en lstCity
- Cliquez sur la propriété Items. Cela vous permettra d'ajouter différents éléments qui peuvent apparaître dans la zone de liste. Dans notre cas, nous avons sélectionné des articles "collection".
- Dans l'éditeur de collection de chaînes, qui apparaît, entrez les noms des villes. Dans notre cas, nous sommes entrés dans "Mumbai", "Bangalore" et "Hyderabad".
- Enfin, cliquez sur le bouton «OK».
Une fois que vous avez apporté les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Dans la sortie, vous pouvez voir que la Listbox a été ajoutée au formulaire. Vous pouvez également voir que la zone de liste a été remplie avec les valeurs de ville.
Bouton radio
Un Radiobutton est utilisé pour afficher une liste d'éléments parmi lesquels l'utilisateur peut en choisir un. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous. Nous ajouterons un bouton radio pour une option homme / femme.
Étape 1) La première étape consiste à faire glisser le contrôle 'radiobutton' sur le Windows Form à partir de la boîte à outils, comme indiqué ci-dessous.
Étape 2) Une fois le Radiobutton ajouté, accédez à la fenêtre des propriétés en cliquant sur le champ Radiobutton.
- Tout d'abord, vous devez modifier la propriété text des deux contrôles Radio. Allez dans les fenêtres de propriétés et changez le texte en mâle d'un bouton radio et le texte de l'autre en femelle.
- De même, modifiez la propriété name des deux contrôles Radio. Allez dans la fenêtre des propriétés et changez le nom en «rdMale» d'un bouton radio et en «rdfemale» pour l'autre.
Une fois que vous apportez les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Vous verrez les boutons radio ajoutés au formulaire Windows.
Case à cocher
Une case à cocher est utilisée pour fournir une liste d'options dans laquelle l'utilisateur peut choisir plusieurs choix. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous. Nous ajouterons 2 cases à cocher à nos formulaires Windows. Ces cases à cocher fourniront une option à l'utilisateur pour savoir s'il souhaite apprendre C # ou ASP.Net.
Étape 1) La première étape consiste à faire glisser le contrôle de case à cocher sur le formulaire Windows à partir de la boîte à outils, comme indiqué ci-dessous
Étape 2) Une fois la case à cocher ajoutée, accédez à la fenêtre des propriétés en cliquant sur le champ Case à cocher.
Dans la fenêtre des propriétés,
- Tout d'abord, vous devez modifier la propriété text des deux contrôles de case à cocher. Accédez aux fenêtres de propriétés et modifiez le texte en C # et ASP.Net.
- De même, modifiez la propriété name des deux contrôles Radio. Allez dans la fenêtre des propriétés et changez le nom en chkC d'une case à cocher et en chkASP pour l'autre.
Une fois que vous avez apporté les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Bouton
Un bouton permet à l'utilisateur de cliquer sur un bouton qui lancerait alors le traitement du formulaire. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous. Nous ajouterons un simple bouton appelé «Soumettre» qui sera utilisé pour soumettre toutes les informations du formulaire.
Étape 1) La première étape consiste à faire glisser le contrôle de bouton sur le formulaire Windows à partir de la boîte à outils, comme indiqué ci-dessous
Étape 2) Une fois le Button ajouté, accédez à la fenêtre des propriétés en cliquant sur le champ Button.
- Tout d'abord, vous devez modifier la propriété text du contrôle de bouton. Allez dans la fenêtre des propriétés et changez le texte en «soumettre».
- De même, modifiez la propriété name du contrôle. Allez dans la fenêtre des propriétés et changez le nom en «btnSubmit».
Une fois que vous avez apporté les modifications ci-dessus, vous verrez la sortie suivante
Production:-
Félicitations, vous avez maintenant votre premier Windows Form de base en place. Passons maintenant à la rubrique suivante pour voir comment nous pouvons faire la gestion des événements pour les contrôles.
Gestion des événements C # pour les contrôles
Lorsque vous travaillez avec le formulaire Windows, vous pouvez ajouter des événements aux contrôles. Un événement est quelque chose qui se produit lorsqu'une action est effectuée. L'action la plus courante est probablement le clic sur un bouton d'un formulaire. Dans C # Windows Forms, vous pouvez ajouter du code qui peut être utilisé pour effectuer certaines actions lorsqu'un bouton est appuyé sur le formulaire.
Normalement, lorsqu'un bouton est enfoncé sur un formulaire, cela signifie qu'un traitement doit avoir lieu.
Jetons un coup d'œil à l'un des événements et à la manière dont il peut être géré avant de passer au scénario d'événement de bouton.
L'exemple ci-dessous présentera un événement pour le contrôle Listbox. Ainsi, chaque fois qu'un élément est sélectionné dans le contrôle de zone de liste, une boîte de message doit apparaître qui affiche l'élément sélectionné. Exécutons les étapes suivantes pour y parvenir.
Étape 1) Double-cliquez sur la liste déroulante dans le concepteur de formulaires . En faisant cela, Visual Studio ouvrira automatiquement le fichier de code pour le formulaire. Et il ajoutera automatiquement une méthode d'événement au code. Cette méthode d'événement sera déclenchée chaque fois qu'un élément de la zone de liste est sélectionné.
Ci-dessus se trouve l'extrait de code qui est automatiquement ajouté par Visual Studio, lorsque vous double-cliquez sur le contrôle Zone de liste sur le formulaire. Ajoutons maintenant la section de code ci-dessous à cet extrait de code, pour ajouter la fonctionnalité requise à l'événement de la zone de liste.
- Il s'agit de la méthode de gestionnaire d'événements qui est automatiquement créée par Visual Studio lorsque vous double-cliquez sur le contrôle Zone de liste. Vous n'avez pas à vous soucier de la complexité du nom de la méthode ou des paramètres passés à la méthode.
- Ici, nous obtenons le SelectedItem via la propriété lstCity.SelectedItem. N'oubliez pas que lstCity est le nom de notre contrôle Listbox. Nous utilisons ensuite la méthode GetItemText pour obtenir la valeur réelle de l'élément sélectionné. Nous attribuons ensuite cette valeur à la variable de texte.
- Enfin, nous utilisons la méthode MessageBox pour afficher la valeur de la variable de texte à l'utilisateur.
Une fois que vous apportez les modifications ci-dessus et exécutez le programme dans Visual Studio, vous verrez la sortie suivante
Production:-
À partir de la sortie, vous pouvez voir que lorsqu'un élément de la zone de liste est sélectionné, une boîte de message apparaît. Cela affichera l'élément sélectionné dans la zone de liste.
Regardons maintenant le contrôle final qui est la méthode de clic sur le bouton. Encore une fois, cela suit la même philosophie. Double-cliquez simplement sur le bouton dans le Concepteur de formulaires et il ajoutera automatiquement la méthode pour le gestionnaire d'événements de bouton. Ensuite, il vous suffit d'ajouter le code ci-dessous.
- Il s'agit de la méthode du gestionnaire d'événements qui est automatiquement créée par Visual Studio lorsque vous double-cliquez sur le contrôle de bouton. Vous n'avez pas à vous soucier de la complexité du nom de la méthode ou des paramètres passés à la méthode.
- Ici, nous obtenons des valeurs entrées dans la zone de texte du nom et de l'adresse. Les valeurs peuvent être extraites de la propriété text de la zone de texte. Nous attribuons ensuite les valeurs à 2 variables, nom et adresse en conséquence.
- Enfin, nous utilisons la méthode MessageBox pour afficher les valeurs de nom et d'adresse à l'utilisateur.
Une fois que vous apportez les modifications ci-dessus et exécutez le programme dans Visual Studio, vous verrez la sortie suivante
Production:-
- Tout d'abord, entrez une valeur dans le champ nom et adresse.
- Cliquez ensuite sur le bouton Soumettre
Une fois que vous avez cliqué sur le bouton Soumettre, une boîte de message apparaîtra et elle vous montrera correctement ce que vous avez entré dans la section des détails de l'utilisateur.
Contrôle de l'arborescence et de la PictureBox
Il y a 2 autres contrôles que nous pouvons examiner, l'un est le 'Contrôle de l'arborescence' et l'autre est le 'Contrôle de l'image'. Regardons des exemples de la façon dont nous pouvons implémenter ces contrôles
Contrôle d'arbre
- Le contrôle d'arborescence est utilisé pour lister les éléments sous forme d'arborescence. Le meilleur exemple est probablement lorsque nous voyons l'explorateur Windows lui-même. La structure des dossiers dans l'Explorateur Windows ressemble à une structure arborescente.
Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous.
Étape 1) La première étape consiste à faire glisser le contrôle Tree sur le Windows Form à partir de la boîte à outils comme indiqué ci-dessous
Étape 2) L'étape suivante consiste à commencer à ajouter des nœuds à la collection d'arbres afin qu'elle puisse apparaître dans l'arborescence en conséquence. Tout d'abord, suivons les sous-étapes ci-dessous pour ajouter un nœud racine à la collection d'arbres.
- Accédez à la boîte à outils des propriétés du contrôle de l'arborescence. Cliquez sur la propriété du nœud. Cela fera apparaître l'éditeur TreeNode
- Dans l'éditeur TreeNode, cliquez sur le bouton Ajouter une racine pour ajouter un nœud racine à la collection d'arbres.
- Ensuite, modifiez le texte du nœud racine et fournissez le texte en tant que racine et cliquez sur le bouton 'OK'. Cela ajoutera un nœud racine.
Étape 3) L'étape suivante consiste à commencer à ajouter les nœuds enfants à la collection d'arbres. Suivons les sous-étapes ci-dessous pour ajouter un nœud racine enfant à la collection d'arbres.
- Tout d'abord, cliquez sur le bouton Ajouter un enfant. Cela vous permettra d'ajouter des nœuds enfants à la collection Tree.
- Pour chaque nœud enfant, modifiez la propriété text. Continuez à répéter l'étape précédente et cette étape et ajoutez 2 nœuds supplémentaires. À la fin, vous aurez 3 nœuds comme indiqué ci-dessus, avec le texte comme Label, Button et Checkbox respectivement.
- Cliquez sur le bouton OK
Une fois que vous avez effectué les modifications ci-dessus, vous verrez la sortie suivante.
Production:-
Vous pourrez voir l'arborescence ajoutée au formulaire. Lorsque vous exécutez l'application Windows Form, vous pouvez développer le nœud racine et voir les nœuds enfants dans la liste.
Contrôle PictureBox
Ce contrôle est utilisé pour ajouter des images au Winforms C #. Voyons comment nous pouvons l'implémenter avec un exemple ci-dessous.
Étape 1) La première étape consiste à faire glisser le contrôle PictureBox sur le formulaire Windows C # à partir de la boîte à outils, comme indiqué ci-dessous
Étape 2) L'étape suivante consiste à attacher une image au contrôle de zone d'image. Cela peut être fait en suivant les étapes ci-dessous.
- Tout d'abord, cliquez sur la propriété Image du contrôle PictureBox. Une nouvelle fenêtre apparaîtra.
- Dans cette fenêtre, cliquez sur le bouton Importer. Cela sera utilisé pour attacher une image au contrôle Picturebox.
- Une boîte de dialogue apparaîtra dans laquelle vous pourrez choisir l'image pour attacher le Picturebox
- Cliquez sur le bouton OK
Une fois que vous apportez les modifications ci-dessus, vous verrez la sortie suivante
Production:-
À partir de la sortie, vous pouvez voir qu'une image est affichée sur le formulaire.
Résumé
- Un formulaire Windows dans une application C # est celui qui s'exécute sur le bureau d'un ordinateur. Visual Studio Form avec C # peut être utilisé pour créer une application Windows Forms.
- Les contrôles peuvent être ajoutés aux formulaires Windows C # via la boîte à outils de Visual Studio. Des contrôles tels que des étiquettes, des cases à cocher, des boutons radio, etc. peuvent être ajoutés au formulaire via la boîte à outils.
- On peut également utiliser des contrôles avancés comme le contrôle de l'arborescence et le contrôle PictureBox.
- Les gestionnaires d'événements sont utilisés pour répondre aux événements générés à partir des contrôles. Le plus courant est celui ajouté pour l'événement cliqué sur le bouton.