Exercices Simples

Exercice 1 : Une première application

a - Réalisation de l’interface.

Nous allons réaliser une petite application de gestion d’une liste déroulante. L’utilisateur peut ajouter et supprimer des items à la liste.

• Lancez VS (Visual Studio) et créez un nouveau projet. Nommez-le WinFiche1 et enregistrez-le dans votre répertoire.
  Le premier formulaire de l’application est créé automatiquement. Renommez le FrmPrincipal (propriété name)

• Il vaut mieux nommer les composants dès leur création… Ne confondez pas les propriétés Text et Name !!!

• Attention ne touchez pas au code généré par VS, vous risquez de tout casser!!!

b - Ajout du code.

Bouton Ajouter

Faire un double click sur le bouton pour éditer la méthode correspondant à un clic sur ce bouton de commande (Événement Click du bouton). Complétez-la avec le code suivant :

private void btnAjout_Click(object sender, System.EventArgs e)
{
    lstListe.Items.Add(txtSaisie.Text); 
    txtSaisie.Text=""; // ou txtSaisie.Clear() ; txtSaisie.Focus();
}

En appuyant sur F1 après avoir sélectionné un élément du formulaire, on obtient une aide sur le composant concerné.
N’hésitez pas à parcourir cette aide en ligne :)

Bouton Supprimer

Voici le code correspondant à un clic sur ce bouton (n’oubliez pas de consulter l’aide et d’examiner attentivement)…

private void btnsupprimer_Click(object sender, System.EventArgs e)
{
    lstListe.Items. RemoveAt(lstListe.SelectedIndex);
}

Messages d’erreur

Vous allez ajouter un message d’erreur dans le cas où l’utilisateur clique sur Ajouter avec une zone de saisie vide et un autre dans le cas où il clique sur Supprimer sans item sélectionné dans la liste. Utilisez pour cela la classe MessageBox, consultez l’aide…

c - Dernières retouches

Mettez au point les derniers petits détails avec la gestion des évènements :

focus au lancement
Allez chercher l’évènement Load du formulaire, clicker et saisir le code suivant :

private void FrmPrincipal_Load(object sender, EventArgs e)
{
    this.WindowState = FormWindowState.Normal; 
    this.txtSaisie.Focus();
}

Le bouton Quitter
Ajoutez un bouton Quitter, btnQuitter. Quand vous choisissez un des composants (ici BtnQuitter), vous obtenez la liste des évènements sur lesquels vous pourrez programmer la réaction de votre application.
Dans l’exemple, c’est l’évènement Click qui est choisi.

L’IDE vous propose, alors, une structure vous permettant de programmer votre application :

private void btnQuitter_Click(object sender, EventArgs (e)
{
    Application.Exit();
}

Ici, on quittera l’application pour fermer une seule feuille, on utilisera la méthode Close().

La structure se compose ainsi :

• Private : la structure est liée au formulaire FrmPrincipal et
  uniquement ce formulaire,

• void : la structure proposée est une procédure,

• btnQuitter_Click : nom de la procédure,

• object sender: objet avec lequel la procédure est appelée ici btnQuitter,

• EventArgs e: c’est l’évènement sur BtnQuitter qui déclenchera la procédure.

Testez…

Résultat

Exercice 2:

Nous allons réaliser une petite calculatrice.

• Créez un nouveau projet. Nommez-le Fiche2, n’oubliez pas de définir votre projet en tant que projet de démarrage (le nom du projet doit être en gras)
  Le premier formulaire de l’application est créé automatiquement. Renommez le FrmCalculs (propriété name)

Résultat

Exercice 3:

• Créez un nouveau projet. Nommez-le Fiche3, n’oubliez pas de définir votre projet en tant que projet de démarrage (le nom du projet doit être en gras)
• Copiez-collez le formulaire precédent,
  • dans la partie code changer le nom du namespace en Fiche3
  • dans la partie FrmCalculs.Designer.cs changer le nom du namespace en Fiche3
• Adaptez le code bouton Ajouter.

Exercice 4

Nous allons réaliser une calculatrice plus avancée.

• Créez un nouveau projet. Nommez-le Fiche4, n’oubliez pas de définir votre projet en tant que projet de démarrage (le nom du projet doit être en gras)
• Copiez-collez le formulaire precédent,
  • dans la partie code changer le nom du namespace en Fiche4
  • dans la partie FrmCalculs.Designer.cs changer le nom du namespace en Fiche4
• Utilisez la class Calcul

Résultat

Exercice 5

Il s’agit de réaliser une application gérant deux listes déroulantes dont l’interface est la suivante :

• Les boutons + et - permettent d’ajouter et de supprimer des éléments aux listes déroulantes.

• Le bouton >> fait passer l’élément sélectionné dans la liste de gauche vers la liste de droite.

• Le bouton << a l’effet inverse.

• Le bouton Quitter permet de quitter l’application après une demande de confirmation.

Quelques indications utiles

• Ajoutez un nouveau projet Winform Fiche5, n’oubliez pas de définir votre projet en tant que projet de démarrage (le nom du projet doit être en gras)
• Le premier formulaire de l’application est créé automatiquement. Renommez le FrmListes (propriété name)

 bdgListe1 = new BindingSource();
 bdgListe1.DataSource=Liste1.ObtenirValeurs();
 lst1.DataSource = bdgListe1;

Résultat

Exercice 6

a - Frmsaisie

// En attribut
public List<Client> mesClients;
// dans le controleur aprés InitializeComponent
mesClients = new List<Client>();

    using (FrmListe f = new FrmListe(mesClients))
    {
        f.ShowDialog(); 
    }

b - FrmListe

Résultat