1/ Créer un projet en Visual C++

L'exemple suivant utilise la dernière version gratuite de Visual C++ 2010 Express.

1/ Installer  Visual C++ 2010 Express disponible au lien suivant : download. 

2/ Appuyer sur "Nouveau projet..." 

3/ Sélectioner "Application Windows Forms"

 

4/ Dans la même fenêtre, en bas, « Nom »  indiquez un nom de projet, puis validez en cliquant sur « ok »

5/ Vous obtenez la fenêtre suivante :

-          Form1.h[Design] : permet de modifier l’apparence de la fenêtre en ajoutant, déplaçant, supprimant ou modifiant les éléments qui enrichiront l’interface comme : boutons, textes, onglets, menus etc….

-          Explorateur de solution (à gauche) vous permet de naviguer et ajouter/supprimer des fichiers à votre projet

-          En haut à droite 2 icones importantes :  

o   Icone    : correspond à la « boîte à outils » et permet de sélectionner les différents éléments appelés « Windows Form » : boutons, textes, etc.. à ajouter sur la fenêtre Form1

o   Icone   : ouvre la Fenêtre des propriétés et vous donne accès à une interface visuelle permettant de modifier toutes les propriétés de chacun des « Windows Form »

6/ Exemple avec bouton permettant de fermer la fenêtre

- appuyez sur l’icône dans le menu en haut à droite  puis parcourez les différentes listes de « Windows Form », cherchez le « Button », sélectionnez-le et glissez le sur la fenêtre Form1.

- Pour l’exemple positionnez le en bas à droite de la fenêtre principale

-          Puis appuyez sur l’icône dans le menu en haut à droite  (propriétés)

Dans un premier temps nous allons nous focaliser sur 2 propriétés :

o   Apparence / Text : (par défaut) Button1, changez le contenu du texte en écrivant « Close », qui correspond au texte affiché sur le bouton,

o   Design / (Name) : (par défaut) button1, changez le contenu du texte en écrivant « bouton_Close », qui correspond à l’appellation de ce bouton dans le code. Plus le nom est explicite, plus il est facile de le retrouver dans le code.

7/ Afin de lier une fonction à l’interface graphique du bouton « Close », double cliquez sur le bouton. Cette action ouvre une nouvelle fenêtre Form1.h. Nous allons rapidement analyser la structure du code rédigé automatiquement.

On distingue 3 zones :

Zone 1 : débute en haut du fichier avec l’instruction  #pragma once  et se termine à l’instruction  #pragma region 

A priori, pas besoin d’ajouter du code dans cette zone, il est à noter qu’à chaque fois que vous ajoutez une « Windows Form », une ligne commençant par :   private: System::Windows::Forms::  est ajouté suivi du nom que vous lui avez donné.

Vous serez peut être amené à compléter la zone  using namespace   si vous utilisez d‘autres librairies.

Zone 2 :   débute en haut du fichier avec l’instruction  #pragma region  et se termine à l’instruction  #pragma endregion

C’est dans cette zone que chaque nouveau composant « Windows Form » est décrit avec ses propriétés propres contenant par exemple : position dans la fenêtre, taille, text, couleurs etc…

Lorsque nous avons « double cliquez » sur le bouton close dans la fenêtre Form1.h [Design], nous avons indiquez au compilateur que nous souhaitions lier un événement « clique «  au bouton « Close ». Ainsi , le compilateur a ajouté une ligne dans cette zone pour lier l’événement au composant

this->bouton_Close->Click += gcnew System::EventHandler(this, &Form1::bouton_Close_Click);

et ouvert une nouvelle fonction dans la zone 3.

Zone 3 :   débute en haut du fichier avec l’instruction  #pragma endregion et se termine à la dernière « } »

A la création d’un événement, le compilateur ajoute une nouvelle fonction :

private: System::Void bouton_Close_Click(System::Object^  sender, System::EventArgs^  e) {

       Close() ;                 

}

C’est dans cette fonction, que nous allons décrire l’action à réaliser lorsque l’on clique sur le bouton. Dans notre exemple, j’ai ajouté la fonction « Close() ; » afin de fermer la fenêtre.

8/ Un pression sur F7 afin de compiler le code, puis F5 afin de l’exécuter. Si tout va bien la fenêtre apparaît avec le bouton, lorsque l’on clique dessus la fenêtre se ferme.

Voilà comment simplement créer une interface windows en Visual C++.