TP1: 1ère Application .NET avec C#

Ce TP permet de découvrir la création d'une première application .NET en C# avec Visual Studio 2010. Il guide l'étudiant dans la création d'un projet Windows Forms, la conception d'une interface graphique simple de calculatrice, la programmation des événements associés aux boutons, ainsi que la gestion de plusieurs formulaires dans une même application. Pour réaliser ce TP, il faut disposer de Visual Studio 2010 et avoir des connaissances de base en programmation C#.

Objectifs

• Créer un projet Windows Forms en C# dans Visual Studio 2010.
• Concevoir une interface graphique avec différents contrôles (boutons, labels, zones de texte).
• Programmer les événements click des boutons pour réaliser des opérations arithmétiques.
• Gérer plusieurs formulaires et naviguer entre eux.
• Comprendre la structure des fichiers générés dans un projet Visual Studio.

Prérequis et installation

• Visual Studio 2010 installé sur la machine.
• Connaissances de base en programmation C# et en environnement Windows Forms.
• Accès à un disque local pour enregistrer le projet (exemple : D:\NomBinome).

Création et lancement d'un projet

Dans Visual Studio 2010, la notion de projet et de solution est essentielle :

• Projet : contient les fichiers sources, composants et librairies. Il est représenté par un fichier avec extension .vbproj (ici adapté en C#).
• Solution : regroupe un ou plusieurs projets, sauvegardée dans un fichier .sln.

Procédez ainsi :

1. Lancez Visual Studio 2010.
2. Dans le menu, cliquez sur Fichier > Nouveau > Projet.
3. Dans la boîte de dialogue, sélectionnez :
• Type de projet : C#
• Modèle : Application Windows Forms
4. Modifiez les zones de texte :
• Nom du projet : TP1
• Emplacement : D:\NomBinome
• Nom de la solution : TP1

Validez avec OK.

L'interface Visual Studio s'affiche avec plusieurs zones :

• Boîte à outils (Toolbox) pour ajouter des composants graphiques.
• Espace de travail pour concevoir les formulaires et écrire le code.
• Explorateur de solution regroupant tous les fichiers du projet.
• Fenêtre de sortie affichant les résultats de compilation et débogage.
• Fenêtre des propriétés pour modifier les caractéristiques des objets en mode conception.

Conception de la première application : calculatrice

Le but est de réaliser une interface simple permettant d'effectuer des opérations arithmétiques entre deux valeurs.

1. Créez l'interface suivante en ajoutant les contrôles listés ci-dessous dans le formulaire :

Type du contrôle	Nom de la propriété	Valeur de la propriété
Form	Name	FrmCalculatrice
Form	Text	Calculatrice
TextBox	Name	TXTV1
TextBox	TextAlign	Centre
TextBox	Name	TXTV2
TextBox	TextAlign	Centre
Label	Name	LblV1
Label	Text	Valeur 1:
Label	Font	Gras, taille 10
Label	Name	LblV2
Label	Text	Valeur 2:
Label	Font	Gras, taille 10
Button	Name	BtnPlus
Button	Text	+
Button	Name	BtnMoins
Button	Text	-
Button	Name	BtnFois
Button	Text	*
Button	Name	BtnSur
Button	Text	/
Button	Name	BtnReset
Button	Text	Réinitialiser
Button	Name	BtnQuitter
Button	Text	Quitter
Label	Name	LblResultat
Label	Text	Resultat:
Label	Font	Gras, taille 10
TextBox	Name	txtResultat
TextBox	Text	(vide)
TextBox	Font	Gras, taille 14
TextBox	BorderStyle	FixedSingle
GroupBox	Name	GrpBCommandes
GroupBox	Text	Commandes

Utilisez la barre de layout pour aligner et formater les contrôles correctement.

Exploration des fichiers du projet

Examinez les fichiers générés :

• program.cs : point d'entrée de l'application, contient la méthode Main.
• form1.cs en mode designer : interface graphique (fichier généré automatiquement).
• form1.cs en mode code : contient le code source écrit par le développeur.
• form1.Designer.cs : code généré par Visual Studio pour la conception du formulaire.

Programmation des événements des boutons

Complétez le code des événements click des boutons pour réaliser les opérations arithmétiques :

private void btnplus_Click(object sender, EventArgs e)
{
    double v1, v2, res;
    v1 = double.Parse(this.txtV1.Text);
    v2 = double.Parse(this.txtV2.Text);
    res = v1 + v2;
    this.txtResultat.Text = res.ToString();
}

Les autres boutons sont programmés de façon similaire :

private void btnmoins_Click(object sender, EventArgs e)
{
    this.txtResultat.Text = (double.Parse(this.txtV1.Text) - double.Parse(this.txtV2.Text)).ToString();
}

private void btnfois_Click(object sender, EventArgs e)
{
    txtResultat.Text = (double.Parse(txtV1.Text) * double.Parse(txtV2.Text)).ToString();
}

private void btnsur_Click(object sender, EventArgs e)
{
    txtResultat.Text = (double.Parse(txtV1.Text) / double.Parse(txtV2.Text)).ToString();
}

private void btnReset_Click(object sender, EventArgs e)
{
    this.txtV1.Text = "";
    this.txtV2.Text = "";
    this.txtResultat.Text = "";
}

private void btnQuitter_Click(object sender, EventArgs e)
{
    this.Close();
}

Exécution du projet

Enregistrez votre travail puis lancez l'application via Debug > Start Without Debugging ou le raccourci Ctrl+F5. Vérifiez que la fenêtre de la calculatrice s'affiche et que les boutons fonctionnent correctement.

Ajout de formulaires supplémentaires

Ajoutez deux nouveaux formulaires au projet :

• Un formulaire Accueil servant de page d'accueil.
• Un formulaire Apropos affichant des informations sur l'application.

Modifiez le fichier program.cs pour que le formulaire de démarrage soit Accueil :

static class Program
{
    [STAThread]
    static void Main()
    {
        Application.EnableVisualStyles();
        Application.SetCompatibleTextRenderingDefault(false);
        Application.Run(new Accueil());
    }
}

Dans le formulaire Accueil, ajoutez des boutons pour accéder aux autres formulaires :

private void BtnCalc_Click(object sender, EventArgs e)
{
    FrmCalculatrice cal = new FrmCalculatrice();
    cal.Show();
}

private void BtnPropos_Click(object sender, EventArgs e)
{
    Apropos f = new Apropos();
    f.Show();
}

Dans le formulaire Apropos, ajoutez un bouton pour fermer la fenêtre :

private void BtnOk_Click(object sender, EventArgs e)
{
    Close();
}

Résultats attendus

• Un projet Visual Studio 2010 fonctionnel avec un formulaire principal nommé FrmCalculatrice.
• Une interface graphique conforme aux spécifications avec les contrôles correctement nommés et alignés.
• Les boutons +, -, *, / effectuent les opérations arithmétiques sur les valeurs saisies dans TXTV1 et TXTV2.
• Le bouton Réinitialiser vide les zones de texte.
• Le bouton Quitter ferme l'application.
• Le formulaire Accueil s'ouvre au démarrage et permet d'accéder aux formulaires Calculatrice et Apropos.
• Le formulaire Apropos affiche des informations et se ferme avec un bouton OK.

Erreurs courantes

• Ne pas modifier les noms des contrôles comme indiqué, ce qui empêche le code de fonctionner.
• Oublier de convertir les textes des TextBox en double avec double.Parse, provoquant des erreurs à l'exécution.
• Diviser par zéro dans l'opération division, ce qui génère une exception non gérée.
• Ne pas enregistrer les modifications avant de lancer le projet.
• Ne pas changer le formulaire de démarrage dans program.cs, ce qui empêche d'accéder au formulaire Accueil.
• Confondre les noms des variables dans le code des événements (exemple : txtV1 vs TXTV1).