Étape 2 : générer votre labyrinthe à l'aide d'étiquettes

Il est maintenant temps de générer le labyrinthe.Vous générez le labyrinthe en ajoutant plusieurs contrôles Label à votre formulaire.En général, vous utilisez un contrôle Label pour afficher du texte.Mais dans ce projet, vous l'utilisez pour dessiner un rectangle de couleur sur le formulaire, qui correspondra aux murs de votre labyrinthe.

Pour obtenir une version vidéo de cette rubrique, consultez Tutorial 2: Create a Maze in Visual Basic - Video 1 ou Tutorial 2: Create a Maze in C# - Video 1.

Pour générer votre labyrinthe à l'aide de contrôles Label

1. Dans le Concepteur Windows Forms, accédez au groupe Contrôles communs dans la Boîte à outils et double-cliquez sur Label pour que l'IDE ajoute un contrôle Label à votre formulaire.

2. Définissez les propriétés du contrôle Label pour créer un rectangle que vous pouvez redimensionner :

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

   • Affectez la couleur de votre choix à la propriété BackColor.(Pour ce didacticiel, RoyalBlue est sélectionné à partir de l'onglet Couleur Web.)

   • Modifiez la propriété Text pour qu'elle soit vide en sélectionnant le texte label1 et en le supprimant.

     Contrôle Label sous forme d'un rectangle plein

     

     Votre contrôle Label doit maintenant être un rectangle plein.

     [!REMARQUE]

     Cela peut vous sembler un peu étrange étant donné qu'un contrôle Label est généralement utilisé sous forme d'étiquette.Dans ce cas, le contrôle Label est utilisé comme un bloc de dessin parce qu'il remplit parfaitement la fonction recherchée.En programmation, il est essentiel de pouvoir identifier lorsqu'un outil de votre boîte à outils (ou, dans le cas présent, la Boîte à outils de l'IDE) peut convenir pour une tâche précise, même si en théorie, il n'est pas prévu à cet effet.

3. Maintenant, vous pouvez laisser libre cours à votre imagination en générant de votre labyrinthe.Copiez votre contrôle Label en le sélectionnant, et dans le menu Edition, cliquez sur Copier (ou appuyez sur Ctrl+C).Ensuite, collez-le plusieurs fois.Dans le menu Edition, cliquez sur Coller (ou appuyez sur Ctrl+V).Vous devez ainsi obtenir des murs horizontaux pour votre labyrinthe.Prenez l'un des murs et faites-le glisser pour lui donner une forme haute et étroite.Copiez-le et collez-le plusieurs fois pour obtenir des murs verticaux.

4. Faites glisser les contrôles Label autour de votre Panel et créez votre labyrinthe.Évitez de former des passages trop étroits, sinon votre jeu sera injouable.Laissez plus d'espace dans l'angle supérieur gauche pour créer le point de départ de votre labyrinthe.

   [!REMARQUE]

   Comme vous le savez, lorsque vous redimensionnez votre formulaire, ses dimensions sont indiquées dans la barre d'état de l'IDE.Il en va de même lorsque vous redimensionnez vos contrôles Label (ou un autre contrôle).Vous pouvez utiliser ces informations de l'IDE pour vérifier que tous les murs du labyrinthe ont la même largeur (si vous le voulez).

   De même, les barres d'alignement de l'IDE que vous avez utilisées pour positionner le Panel vous permettent de positionner les murs du labyrinthe.Vous pouvez également utiliser les touches de direction de votre clavier pour positionner plus précisément le contrôle sélectionné.L'image suivante montre les dimensions affichées dans la barre d'état.

   Dimensions dans la barre d'état

   

5. Une fois la disposition de votre labyrinthe terminée, accédez au groupe Contrôles communs dans la Boîte à outils et cliquez à nouveau sur Label.Utilisez la ligne (Name) de la fenêtre Propriétés pour nommer votre contrôle finishLabel, et affectez la valeur Finish à sa propriété Text.

6. Faites glisser votre nouveau contrôle Label Finish à la fin du labyrinthe.Il s'agit de la cible que l'utilisateur doit atteindre.

7. Enregistrez votre projet et exécutez votre programme à nouveau.Voici un exemple de formulaire de labyrinthe fini.(Votre labyrinthe sera différent.)

   Formulaire de labyrinthe fini

   

Pour continuer ou examiner

• Pour passer à l'étape suivante du didacticiel, consultez Étape 3 : terminer le jeu.

• Pour revenir à l'étape précédente du didacticiel, consultez Étape 1 : créer un projet et ajouter un élément Panel au formulaire.