Comme vous l’avez appris au chapitre 1, vous pouvez modifier les propriétés en sélec-tionnant des objets sur le formulaire et en modifiant leurs paramètres dans la fenêtre Pro-priétés. Vous allez commencer par modifier les paramètres de propriétés des deux boutons.
Définir les propriétés des boutons 1. Cliquez sur le premier bouton (Button1).
Le bouton sélectionné est entouré de poignées de dimensionnement.
2. Cliquez sur la barre de titre de la fenêtre Propriétés.
3. En haut de la fenêtre Propriétés, cliquez sur le bouton Catégories.
Pour plus d’informations sur les propriétés catégorisées, reportez-vous à la section
« Fenêtre Propriétés » du Chapitre 1.
4. Si nécessaire, redimensionnez la fenêtre Propriétés de manière à voir le nom des propriétés et leurs paramètres actuels.
Quand vous serez habitué à définir des propriétés, vous utiliserez la fenêtre Proprié-tés sans l’agrandir, mais au début, cela peut être utile. Sur l’illustration suivante, la taille de la fenêtre Propriétés est convenable :
La fenêtre Propriétés affiche la liste des paramètres du premier bouton. Il s’agit entre autres de la couleur du fond, du texte, de la taille de police et de la largeur du bouton. Vu le nombre important de propriétés, Visual Studio les classe en catégo-ries et les affiche en mode plan. Pour afficher les propriétés d’une catégorie, cliquez sur le signe plus (+) adjacent à son titre.
5. Déroulez la fenêtre Propriétés jusqu’à la propriété Text, située dans la catégorie Apparence.
6. Double-cliquez sur la propriété Text dans la colonne de gauche de la fenêtre Pro-priétés. Le paramètre actuel de Text ("Button1") apparaît en surbrillance.
Astuce Si la fenêtre Propriétés n’apparaît pas, cliquez sur la commande Fenêtre Propriétés du menu Affichage ou appuyez sur F4.
7. Tapez Lancer et appuyez sur Entrée.
La propriété Text devient « Lancer » dans la fenêtre Propriétés et sur le bouton.
Vous allez maintenant modifier la propriété Text du second bouton en « Arrêter ».
Cette fois, vous allez procéder différemment.
8. Ouvrez la liste d’objets au sommet de la fenêtre Propriétés. Une liste d’objets d’inter-face apparaît comme suit :
9. Cliquez sur Button2 System.Windows.Forms.Button (le deuxième bouton) dans la zone de liste.
Les paramètres de propriétés du deuxième bouton apparaissent dans la fenêtre Propriétés et Visual Studio met Button2 en surbrillance.
10. Double-cliquez sur la propriété Text actuelle (« Button2 »), tapez Arrêter et appuyez sur Entrée. Le texte du deuxième bouton se change en « Arrêter ».
Vous allez maintenant définir les propriétés des étiquettes dans le programme. Les trois premières étiquettes comporteront les nombres aléatoires générés par le programme ; leurs paramètres de propriétés sont identiques. Vous définirez la plupart d’entre eux simultanément. Les paramètres de l’étiquette descriptive seront traités à part.
Astuce L’utilisation de la liste d’objets permet de passer facilement d’un objet à l’autre. Vous pouvez également le faire sur le formulaire, en cliquant sur chaque objet.
Définir les propriétés des étiquettes de numéro
1. Cliquez sur la première étiquette de numéro (Label1), appuyez sur la touche MAJ et maintenez-la enfoncée, cliquez sur les deuxième et troisième étiquettes de numéro, puis relâchez la touche MAJ. Si la fenêtre Propriétés fait obstacle, déplacez-la.
Un rectangle de sélection et des poignées de dimensionnement apparaissent autour des étiquettes sélectionnées. Vous allez modifier les propriétés TextAlign, BorderStyle et Font de manière à ce que les numéros qui doivent apparaître dans les étiquettes soient centrés, encadrés, de police et de taille identiques. Toutes ces pro-priétés sont situées dans la catégorie Apparence de la fenêtre Propro-priétés. Attribuez la valeur False à la propriété AutoSize pour pouvoir modifier la taille des étiquettes selon des spécifications précises. La propriété AutoSize est située dans la catégorie Disposition.
2. Dans la fenêtre Propriétés, cliquez sur la propriété AutoSize, puis sur la flèche qui apparaît à droite.
3. Pour pouvoir dimensionner manuellement les étiquettes, attribuez la valeur False à la propriété AutoSize.
4. Cliquez sur la propriété TextAlign, puis sur la flèche qui apparaît à droite.
Une série d’options d’alignement illustrées apparaît dans la zone de liste. Ces para-mètres vous permettent d’aligner du texte n’importe où dans les limites de l’objet étiquette.
5. Cliquez sur l’option de centrage (MiddleCenter).
La propriété TextAlign de chacune des étiquettes sélectionnées devient Middle Center.
6. Cliquez sur la propriété BorderStyle, puis sur la flèche qui apparaît à droite.
Les paramètres de propriété disponibles (None, FixedSingle, et Fixed3D) apparais-sent dans la zone de liste.
7. Dans la zone de liste, cliquez sur FixedSingle pour ajouter une fine bordure à cha-que éticha-quette.
8. Cliquez sur la propriété Font, puis sur le bouton équipé de points de suspension (situé à côté du paramètre de police actuel).
La boîte de dialogue Police apparaît.
9. Sélectionnez une police Times New Roman, le style Gras et un corps de 24, puis cli-quez sur OK.
Le texte de l’étiquette apparaît avec les caractéristiques que vous lui avez données.
Astuce Lorsque plusieurs objets sont sélectionnés, seules les propriétés modifiables du groupe apparaissent dans la fenêtre Propriétés.
Vous allez maintenant donner la valeur 0 au texte des trois étiquettes (un bon
« paramètre fictif » pour les nombres qui rempliront ces cases dans votre jeu). Le programme générant les vrais numéros, vous pourriez également effacer le texte, mais le fait d’utiliser un paramètre fictif vous donne une idée de la taille des étiquet-tes.
10. Cliquez sur une zone vierge du formulaire pour désélectionner les trois étiquettes, puis cliquez sur la première.
11. Double-cliquez sur la propriété Text, tapez 0 puis appuyez sur Entrée.
Le texte de l’objet Label1 devient 0. Plus loin dans ce chapitre, vous définirez cette propriété comme un numéro aléatoire de machine à sous à l’aide du code de pro-gramme.
12. Procédez de même pour le texte des deuxième et troisième étiquettes.
13. Déplacez et redimensionnez les étiquettes pour qu’elles soient suffisamment espa-cées. Votre formulaire présente un résultat similaire à
Vous allez maintenant modifier les propriétés Text et Forecolor de la quatrième étiquette.
Définir les propriétés de l’étiquette descriptive
1. Cliquez sur le quatrième objet étiquette (Label4) du formulaire.
2. Modifiez la propriété Text de la fenêtre Propriétés en Bandit Manchot.
3. Cliquez sur la propriété Font, puis sur les trois points de suspension.
4. Dans la boîte de dialogue, fixez la police à Arial, le style à Gras et le corps à 18.
Ensuite, cliquez sur OK.
La police de l’objet Label4 est mise à jour et l’étiquette est redimensionnée automa-tiquement pour s’adapter à la police, car la propriété AutoSize est réglée sur True.
5. Cliquez sur la propriété ForeColor dans la fenêtre Propriétés, puis sur la flèche de la deuxième colonne.
Visual Studio affiche une zone de liste comportant les onglets Personnaliser, Web et System pour le paramétrage des couleurs de premier plan (la couleur du texte) de l’objet étiquette. L’onglet Personnaliser propose un grand nombre de couleurs dis-ponibles dans votre système. L’onglet Web présente les couleurs des pages web et permet de choisir les couleurs à l’aide de leur nom. L’onglet System affiche les cou-leurs utilisées actuellement pour les éléments de l’interface utilisateur dans votre système.
6. Cliquez sur la couleur pourpre dans l’onglet Personnaliser.
Le texte de la zone d’étiquette devient pourpre.
Désormais, vous êtes prêt à définir les propriétés du dernier objet.