Étape 1 : créer un projet et ajouter un élément Panel au formulaire

La première étape pour créer un jeu de labyrinthe consiste à créer le projet et à ajouter un conteneur Panel au formulaire.

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 créer un projet et ajouter un conteneur Panel

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 Labyrinthe comme nom.

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

   1. Redimensionnez votre formulaire en utilisant votre pointeur pour faire glisser l'angle inférieur droit.Examinez l'angle inférieur droit de l'environnement de développement intégré (IDE).Les dimensions du formulaire sont affichées dans la barre d'état.Faites glisser jusqu'à ce que votre formulaire ait une largeur et une hauteur de 650 pixels.Vous pouvez générer un labyrinthe plus petit ou plus grand en fonction des dimensions que vous donnez à votre formulaire.

      Dimensions dans la barre d'état

      

   2. Une fois que votre formulaire a les dimensions voulues, affectez la valeur Labyrinthe à la propriété Text.

   3. Pour empêcher l'utilisateur de redimensionner le formulaire, affectez la valeur Fixed3D à la propriété FormBorderStyle.

   4. Désactivez le bouton Agrandir dans la barre de titre du formulaire en affectant la valeur False à la propriété MaximizeBox.

   Votre formulaire a maintenant une taille fixe et ne peut pas être redimensionné par l'utilisateur.

   [!REMARQUE]

   Par défaut, un formulaire que vous avez créé peut être redimensionné de deux façons par l'utilisateur : ce dernier peut faire glisser les côtés ou les angles du formulaire ou cliquer sur le bouton Agrandir pour agrandir le formulaire.Si vous voulez être sûr qu'un utilisateur ne peut pas redimensionner votre formulaire, désactivez ces deux options.Si vous affectez l'un des styles fixes à la propriété FormBorderStyle, l'utilisateur ne pourra pas redimensionner votre formulaire, mais il pourra toujours cliquer sur le bouton Agrandir.C'est la raison pour laquelle vous devez également désactiver la propriété MaximizeBox.

   Ensuite, vous voulez créer une zone de jeu pour y générer le labyrinthe.Pour ce faire, utilisez un contrôle Panel.Un Panel est un type de contrôle conteneur qui vous permet de disposer un groupe de contrôles.Contrairement à certains autres conteneurs (comme TableLayoutPanel et FlowLayoutPanel), un Panel ne réorganise pas les contrôles qu'il contient.Cela vous permet de positionner librement les contrôles, mais contrairement au TableLayoutPanel ou au FlowLayoutPanel, un Panel ne sert à rien lorsque l'utilisateur redimensionne la fenêtre.

5. Ouvrez le groupe Conteneurs dans la Boîte à outils et double-cliquez sur Panel pour ajouter un Panel à votre formulaire.Lorsque votre Panel est sélectionné, une icône de poignée de déplacement doit s'afficher dans l'angle supérieur gauche, sous la forme suivante.

   Poignée de déplacement

   

6. Faites glisser le Panel jusqu'à ce qu'il se trouve à proximité de l'angle supérieur gauche du formulaire.Ce faisant, vous remarquerez que l'IDE vous propose une fonctionnalité utile : dès que le Panel se trouve à une certaine distance du haut ou du bord gauche du formulaire, il s'aligne automatiquement et une ligne d'espacement bleue apparaît entre le bord du Panel et celui du formulaire.Vous pouvez l'utiliser pour aligner facilement votre élément Panel afin que ses bords soient bien parallèles à ceux du formulaire.Dès que vous apercevez les lignes d'espacement bleues en haut et à gauche, relâchez le bouton de la souris pour déposer le Panel.Les lignes d'espacement bleues apparaissent comme suit.

   Lignes d'espacement bleues

   

   Faites glisser la poignée de déplacement située dans l'angle inférieur droit jusqu'à ce que le Panel soit aligné à droite et en bas.

7. Comme vous voulez que le bord du labyrinthe puisse être vu par l'utilisateur, vous devez rendre sa bordure visible.Sélectionnez le Panel et affectez la valeur Fixed3D à sa propriété BorderStyle.

8. Enregistrez le projet en cliquant sur le bouton Enregistrer tout de la barre d'outils, qui se présente comme suit.

   Bouton Enregistrer tout

   

9. Pour exécuter votre programme, appuyez sur F5 ou cliquez sur le bouton Démarrer le débogage de la barre d'outils, qui se présente comme suit.

   Bouton de barre d'outils Démarrer le débogage

   

   Lorsqu'il est exécuté, votre formulaire doit ressembler à l'image suivante.

   Formulaire de labyrinthe initial

   

10. Avant de passer à l'étape suivante du didacticiel, arrêtez votre programme en fermant le formulaire ou en cliquant sur le bouton Arrêter le débogage dans la barre d'outils Débogage.(L'IDE reste en mode lecture seule pendant toute l'exécution de votre programme.)

Pour continuer ou examiner

• Pour passer à l'étape suivante du didacticiel, consultez Étape 2 : générer votre labyrinthe à l'aide d'étiquettes.

• Pour revenir à la rubrique de vue d'ensemble, consultez Didacticiel 2 : créer un labyrinthe.