SUPINFO International University

SUPINFO Institute of Information Technology
Laboratoire Microsoft




Tous les Articles du Laboratoire Microsoft

Introduction au développement avec .NET en C#
Accueil > Articles > Développement
Auteur 
Yann ALET
LABORATOIRE SUPINFO DES TECHNOLOGIES MICROSOFT
Formateur


 Tous les articles de cet auteur
Julie MOCQUARD
LABORATOIRE SUPINFO DES TECHNOLOGIES MICROSOFT
Consultant


 Tous les articles de cet auteur

4,4/5

Bien


114569
86/386
Sommaire
Introduction
Les contrôles Windows Forms
Un peu de pratique maintenant !

Un peu de pratique maintenant !

Notre application


Quoi de plus sympathique à réaliser qu'un formidable hello world pour tester nos connaissances. Cependant nous prendrons garde à y rajouter certaines fonctions qui nous permettra d'utiliser les notions abordées un peu plus haut. Notre programme aura donc besoin des 5 contrôles que nous avons vu ci-dessus et nous demandera notre nom ainsi que notre langue : anglais ou français. Et en fonction de la langue sélectionnée, et après avoir cliquer sur le bouton " OK ", noter application nous dira bonjour dans la langue sélectionnée.

Conception de notre solution

Avec Visual Studio .Net, nous ne parlons plus de Workspace mais de solution. Nous allons donc pour notre application créer une nouvelle solution Windows application en C# :

 

Puis nous validons avec Ok en laissant comme nom de projet WindowsApplication1.

Ensuite nous voyons apparaître notre fameux formulaire. C'est donc ici que nous allons designer notre application grâce à la boite à outils, si cette dernière n'est pas présente à l'écran, vous pouvez la faire apparaître en cliquant sur " View " puis " Toolbox " ou avec les touches Ctrl+Alt+X

Nous allons tout d'abord changer le nom de notre formulaire et l'appeler " -== Hello World ==-". Ceci se fait via la fenêtre Properties, en éditant le champ Text, noter également le nombre non négligeable de propriété modifiable comme par exemple le degrés de transparence (opacity) que vous pouvez éventuellement fixer à 90%.

 

Commençons maintenant à rajouter les différents composants de notre application. Nous commencerons par le Label dont nous fixerons la propriété Text à " Votre nom : " et nous irons également modifier propriété Font afin d'afficher notre texte en gras :

 

 

Rajoutons maintenant le TextBox qui servira à récupérer le nom de l'utilisateur, nous en profiterons également pour modifier la valeur par défaut de la propriété Text de ce contrôle par rien du tout :

 

Maintenant nous allons rajouter le bouton Ok de notre application et nous remplacerons la propriété Text de ce contrôle par " Ok " et nous ajouterons une image à ce bouton via la propriété Image. Une banque d'icônes est installée par défaut avec Visual Studio .NET dans le dossier : C :\Program Files\Microsoft Visual Studio .NET\Common7\Graphics\icons\..

 

 

N'oubliez pas cependant de mettre après la propriété ImageAlign à TopLeft afin d'éviter que le texte du bouton ne sois superposé avec l'image.
Il ne manque désormais à notre interface graphique que deux éléments, le GroupBox et les deux RadioBox nous permettant de choisir notre langue. Commençons par rajouter le contrôle
GroupBox pour lequel nous n'oublirons pas de fixer la propriété Text à " Langue " :


Rajoutons maintenant les deux RadioBox qui aurons respectivement des propriétés Text misent à " English " et " Français " ainsi que les propriétés Images définies avec les drapeaux américains et français :

Si vous compilez maintenant cette application vous remarquerez que les contrôles RadioBox ne sont ni l'un ni l'autre cocher par défaut. Nous allons pour changer cela, choisir le français par défaut en modifiant la propriété Checked, et en la mettant à true :

Voila notre application est d'un point de vue graphique complètement terminé, il vous suffit de compiler votre solution maintenant pour vous en rendre compte. Vous remarquerez que vous n'avez tapé aucunes lignes de codes jusqu'à maintenant, en fait, c'est Visual Studio .NET qui s'en ai chargé à votre place en interprétant vos actions sur le formulaire.

Cependant, pour donner vie à notre programme, il va quand même falloir y ajouter nous même du code. C'est-à-dire un code qui affiche " Bonjour votre nom " si français est sélectionné au moment ou l'on presse Ok, et " Hi votre nom " si c'est English qui est sélectionné.

Les variables string

Ce type de donné ressemble beaucoup au variable de type CString que les développeur C++ doivent connaître s'il ont déjà essayé de développer avec les MFC. En fait il s'agit d'un type de donné capable de stocker une chaîne de caractère comme le fait char en C et C++ à la différence que string possède une batterie de méthode permettant d'effectuer des opérations sur la chaîne stocker comme des concaténations ou des comparaisons. Pour plus d'informations sur ce type de donné, veuillez vous référer à la documentation MSDN de Visual Studio .NET.
Il s'agit donc d'un type de choix pour stoker notre chaîne de caractère à afficher (" Bonjour votre nom " ou et " Hi votre nom ").

 

Evénement click du bouton ok

L'affichage du message ne doit se faire que quand on click sur le bouton Ok. Nous devons donc créer une fonction qui sera appelé quand on cliquera sur ce bouton, et nous y ajouterons le code d'affichage du message. Pour créer cette fonction et l'éditer, rien de plus simple : depuis le formulaire, double-cliquez sur le bouton Ok, et Visual Studio se chargera de la création et de la liaison de la fonction en question avec l'événement Click du bouton Ok. Vous devriez vous retrouver dans une fonction comme celle-ci :

Cette fonction (button1_Click) sera donc celle appelé si l'utilisateur click sur Ok. Commençons donc par y déclarer une variable buf qui stockera le message à contruire :

Ensuite nous initialiserons cette variable avec le texte " Bonjour " ou " Hi " en fonction de ce qui est cocher dans le GroupBox. Pour savoir si c'est Français ou English qui est sélectionné, il faut savoir que Visual Studio a dans son code généré, déclaré et lié un objet à chacun des contrôles ajouté dans le formulaire. Ainsi pour savoir si le Radiobox intitulé Français est sélectionné, il nous suffit de vérifier la propriété checked de l'objet relier à ce contrôle. Pour obtenir le nom de l'objet relié à notre contrôle, il nous suffit d'afficher les propriétés du contrôle à partir du formulaire, et relever la valeur de la propriété name, cette valeur est le nom de l'objet relié au contrôle dans le code source. Dans le cas de notre RadioBox intitulé " Français ", l'objet s'appelle radioButton2 comme le montre la capture d'écran ci-dessous :

Maintenant pour initialiser notre variable buf en fonction du contrôle RadioBox sélectionné, il nous suffit de rajouter le code suivant :

Notez qu'on utilise l'opérateur d'indirection " . " pour accéder aux propriété de l'objet ( ex : radioButton2.Checked )

Maintenant nous devons récupérer le nom taper dans le contrôle TextBox, et le concaténer avec buf. L'opérateur de concaténation pour une variable de type string est " += ", nous pouvons donc concaténer la formule de politesse avec le nom taper de la sorte :

Notez que textBox1 est le nom de l'objet relier au contrôle TextBox censé récupérer le nom. Afin de récupérer le texte taper dans ce contrôle nous nous référons à la propriété Text, toujours accessible via l'opérateur d'indirection " . "

Il ne nous reste plus qu'à afficher à l'écran le contenu de buf grâce à la fonction MessageBox.Show. Cette fonction prend 4 paramètres :

  • La chaîne de caractères à afficher

  • Le titre de la boite de dialogue qui affichera ce message.

  • Le type de boite de dialogue qui affichera ce message.

  • L'image à afficher à coter du message.
  • Ce qui nous amène donc à rajouter cette dernière ligne de code :

    Voila notre solution est maintenant entièrement terminé, vous pouvez la tester et la manipuler comme bon vous semble !

     

    Télécharger le code source de la solution


    Sommaire
    Introduction
    Les contrôles Windows Forms
    Un peu de pratique maintenant !



    En Savoir Plus 
    Evaluez cet article 


    Pour afficher ou poster un commentaire, cliquez sur ce lien : Forum-Microsoft



    Retrouvez ci-dessous les autres sections du Laboratoire Microsoft