Étape 1 : créer un projet et ajouter des étiquettes à votre formulaire

La première étape pour créer un questionnaire de mathématiques consiste à créer le projet et à ajouter des étiquettes à votre formulaire.

Pour créer un projet et ajouter des étiquettes à votre formulaire

1. Dans le menu Fichier, cliquez sur Nouveau projet.

2. Si vous n'utilisez pas Visual Studio Express, vous devez d'abord sélectionner un langage.Dans la liste Modèles installés, sélectionnez C# ou Visual Basic.

3. Cliquez sur l'icône Application Windows Forms, puis tapez Questionnaire de mathématiques comme nom.

4. Définissez les propriétés du formulaire :

   1. Remplacez la valeur de la propriété Text du formulaire par Questionnaire de mathématiques.

   2. Modifiez les dimensions à 500 pixels de largeur et 400 pixels de hauteur en utilisant la propriété Size ou en faisant glisser jusqu'à ce que vous aperceviez la taille correcte dans le coin inférieur gauche de l'environnement de développement intégré (IDE).

   3. Pour empêcher les utilisateurs de modifier les dimensions du formulaire, remplacez la valeur de la propriété FormBorderStyle par Fixed3D et affectez la valeur False à la propriété MaximizeBox.

5. Faites glisser un contrôle Label à partir de la Boîte à outils, puis définissez ses propriétés :

   1. Remplacez la valeur de la propriété (Name) par timeLabel.Cette étiquette s'affiche sous forme de zone dans l'angle supérieur droit de votre formulaire pour indiquer le nombre de secondes restantes dans le questionnaire.

   2. Remplacez la valeur de la propriété AutoSize par False pour pouvoir redimensionner la zone vous-même.

   3. Remplacez la valeur de la propriété BorderStyle par FixedSingle pour dessiner une ligne autour de la zone.

   4. Affectez la valeur 200, 30 à la propriété Size.

   5. Faites glisser le contrôle Label vers l'angle supérieur droit du formulaire jusqu'à ce que des lignes d'espacement bleues apparaissent.

   6. Effacez la propriété Text en cliquant sur Text dans la fenêtre Propriétés et en appuyant sur la touche RET. ARR.

   7. Remplacez la taille de police par 15.75.Cliquez sur le signe plus en regard de la propriété Font dans la fenêtre Propriétés qui affiche plusieurs propriétés (dont Size), comme indiqué dans l'image suivante.

      Fenêtre Propriétés indiquant la taille de la police

      

6. Ensuite, faites glisser un autre contrôle Label à partir de la Boîte à outils, puis définissez ses propriétés :

   1. Remplacez la taille de police par 15.75.

   2. Affectez la valeur Temps restant à la propriété Text.

   3. Faites-le glisser pour qu'il soit aligné juste à gauche du contrôle Label timeLabel.

7. Maintenant, ajoutez les contrôles pour le problème d'addition.Faites glisser un contrôle Label à partir de la Boîte à outils, puis définissez ses propriétés :

   1. Affectez la valeur ? (point d'interrogation) à la propriété Text.

   2. Affectez la valeur False à la propriété AutoSize.

   3. Affectez la valeur 60, 50 à la propriété Size.

   4. Remplacez la taille de police par 18.

   5. Remplacez la valeur de la propriété TextAlign par MiddleCenter.

   6. Remplacez la valeur de la propriété Location par 75, 75 pour positionner le contrôle sur le formulaire.

   7. Remplacez la valeur de la propriété (Name) par plusLeftLabel.

8. Sélectionnez le contrôle Label plusLeftLabel et copiez-le.(Appuyez sur Ctrl+C ou cliquez sur Copier dans le menu Edition.) Effectuez ensuite les opérations suivantes :

   1. Collez-le trois fois.(Appuyez sur Ctrl+V ou cliquez sur Coller dans le menu Edition).

   2. Réorganisez les trois nouveaux contrôles Label pour que les zones se trouvent sur une ligne à droite du contrôle Label plusLeftLabel (utilisez les lignes d'espacement pour les espacer et les aligner).

   3. Remplacez la valeur de la propriété Text du deuxième contrôle Label par + (signe plus).

   4. Remplacez la valeur de la propriété (Name) du troisième contrôle Label par plusRightLabel.

   5. Remplacez la valeur de la propriété Text du quatrième contrôle Label par = (signe égal).

9. Faites glisser un contrôle NumericUpDown à partir de la Boîte à outils, puis procédez comme suit :

   1. Remplacez la taille de la police par 18, puis rétrécissez-le à une largeur de 100.

   2. Faites-le glisser jusqu'à ce qu'il soit aligné avec les contrôles Label du problème d'addition.

   3. Remplacez la valeur de la propriété (Name) par sum.(Vous en apprendrez davantage sur le contrôle NumericUpDown dans les prochaines étapes de ce didacticiel.) Le questionnaire a maintenant une première ligne, comme indiqué dans l'image suivante.

      Première ligne du questionnaire de mathématiques

      

10. Sélectionnez les cinq contrôles de votre problème d'addition (autrement dit, les quatre contrôles Label et le contrôle NumericUpDown) et copiez-les.Effectuez ensuite les opérations suivantes :

    1. Collez les contrôles, ce qui doit ajouter cinq nouveaux contrôles à votre formulaire.

    2. Normalement, les contrôles sont encore sélectionnés : vous pouvez donc cliquer dessus pour les faire glisser et les aligner sous les contrôles d'addition.Utilisez les lignes d'espacement pour laisser suffisamment d'espace entre les deux lignes.

    3. Remplacez la valeur de la propriété Text du deuxième contrôle Label par - (signe moins).

    4. Nommez le premier contrôle Label point d'interrogation minusLeftLabel.

    5. Nommez le deuxième contrôle Label point d'interrogation minusRightLabel.

    6. Nommez le contrôle NumericUpDowndifference.

11. Collez les cinq contrôles deux autres fois, puis procédez comme suit :

    1. Pour la troisième ligne, nommez le premier contrôle Label timesLeftLabel, remplacez la valeur de la propriété Text du deuxième contrôle Label par × (signe de multiplication), nommez le troisième contrôle Label timesRightLabel et nommez le contrôle NumericUpDownproduct.

    2. Pour la quatrième ligne, nommez le premier contrôle Label dividedLeftLabel, remplacez la valeur de la propriété Text du deuxième contrôle Label par ÷ (symbole de division), nommez le troisième contrôle Label dividedRightLabel et nommez le contrôle NumericUpDownquotient.

    [!REMARQUE]

    Vous pouvez copier les signes de multiplication (×) et de division (÷) indiqués dans ce didacticiel pour les coller dans l'IDE.

12. Un autre contrôle est nécessaire dans votre formulaire : un bouton pour démarrer le questionnaire.Faites glisser un contrôle Button à partir de la Boîte à outils, puis définissez ses propriétés :

    1. Affectez la valeur startButton à la propriété (Name).

    2. Affectez la valeur Démarrer le questionnaire à la propriété Text.

    3. Affectez la valeur 14 à la taille de police.

    4. Affectez la valeur True à la propriété AutoSize, ce qui permet de redimensionner automatiquement le bouton à une taille adaptée au texte.

    5. Faites glisser le bouton en bas du formulaire et centrez-le.

13. Enfin, cliquez sur le contrôle startButton, puis procédez comme suit :

    1. Affectez la valeur 1 à la propriété TabIndex.

    2. Cliquez sur le contrôle de somme NumericUpDown.

    3. Affectez la valeur 2 à la propriété TabIndex.

    4. Définissez les autres contrôles NumericUpDown : affectez la valeur 3 à la propriété TabIndex du contrôle de différence, la valeur 4 à la propriété TabIndex du contrôle de produit et la valeur 5 à la propriété TabIndex du contrôle de quotient.Votre formulaire doit maintenant ressembler à l'image suivante.

       Formulaire initial du questionnaire de mathématiques

       

    [!REMARQUE]

    La propriété TabIndex permet de définir l'ordre des contrôles lorsque l'utilisateur appuie sur la touche TAB.Ouvrez une boîte de dialogue (par exemple, sélectionnez Ouvrir dans le menu Fichier) et appuyez plusieurs fois sur la touche TAB.Notez que votre curseur se déplace d'un contrôle l'autre chaque fois que vous appuyez sur la touche TAB.Lorsque ce formulaire a été conçu, un programmeur a choisi cet ordre.

14. Pour voir comment fonctionne la propriété TabIndex, enregistrez votre programme et exécutez-le, puis appuyez plusieurs fois sur la touche TAB.

Pour continuer ou examiner

• Pour passer à l'étape suivante du didacticiel, consultez Étape 2 : créer un problème d'addition aléatoire.

• Pour revenir à la rubrique de vue d'ensemble, consultez Didacticiel 3 : créer un questionnaire mathématique.