‫Bienvenue à nouveau et cette vidéo, nous allons travailler avec des boutons radio, et comme vous pouvez le voir, vous pouvez le faire
‫glisser depuis la boîte à outils.
‫Vous pouvez simplement diriger un bouton radio dans votre interface utilisateur et vous trouverez votre bouton radio dans la grille, qui
‫a du contenu.
‫Eh bien, il a plusieurs propriétés que nous avons déjà vues.
‫Et ce n'est pas la façon dont je veux travailler avec les boutons radio dans cette vidéo.
‫Je vais juste créer un panneau Steck et je vais utiliser Zemel pour construire la plupart de cela.
‫Donc, dans ce panneau technique, je veux tout d'abord avoir une étiquette et cette étiquette devrait écrire
‫quelque chose comme, M'aimez-vous ?
‫Alors est-ce que tu m'aimes?
‫Que nous soyons, c'est notre étiquette.
‫Et je vais dire qu'il doit être audacieux.
‫Donc le poids de la police sera en gras comme ça et bien, que devrions-nous ajouter d'autre ?
‫Peut-être une taille de police.
‫C'est donc une taille différente et mettons-la à 20.
‫Alors est-ce que tu m'aimes?
‫Texte assez long et maintenant nous devons dire oui, non ou bien peut-être.
‫Mais il n'y a rien entre les trois.
‫Il n'y a donc que ces trois choix.
‫Et c'est l'avantage des boutons radio.
‫Ils n'en ont toujours qu'un seul actif au sein d'un groupe radio.
‫Créons donc un bouton radio ici, bouton radio, et je vais le faire un peu plus étendu car je ne veux pas juste avoir
‫un simple bouton radio, comme on vient de le voir.
‫Je veux que ce bouton radio soit, eh bien, enveloppé dans un rectangle et un journal de texte.
‫Donc quelque chose comme Repp Pennel.
‫Je vais donc créer un panneau wrap ici et dans le panneau de droite.
‫Je veux avoir un rectangle, qui va être vert dans ce cas.
‫Alors quelqu'un dit oui.
‫Il doit donc être vert.
‫Le vert est bon et la largeur devrait être quelque chose comme 16 et la hauteur devrait également être 16.
‫C'est donc une grille verte 16 fois 16 que nous avons là que nous sommes.
‫C'est notre rectangle que nous avons là.
‫Voici donc notre rectangle, le vert, comme vous pouvez le voir.
‫Et maintenant, je veux du texte à côté.
‫Donc bloc de texte et ça va être le texte de.
‫Oui.
‫Donc j'aime bien la personne et le premier plan doit être vert aussi.
‫Tellement vert et vert.
‫J'aime la personne.
‫C'est donc notre bloc de texte et il dit oui.
‫Maintenant, nous devrions peut-être avoir une petite marge entre les objets, donc je vais ajouter une marge au
‫niveau le plus élevé au niveau du panneau d'état comme ça.
‫Comme vous pouvez le voir maintenant, c'est une petite distance là-haut et nous pouvons même ajouter une petite marge dans
‫notre bloc de texte ou peut-être même le bouton radio.
‫Faisons en sorte que la marge totale du bouton radio soit de 10 pixels ou peut-être de cinq pixels seulement.
‫Cela devrait être bien.
‫Et puis aussi une marge pour le bloc de texte car c'est un peu trop près du reste, mais alors pas vers
‫le haut.
‫Et vers le bas, mais uniquement vers la gauche, et la marge est soit une valeur, vous pouvez donc ajouter une valeur ou vous
‫pouvez ajouter quatre valeurs en partant de la gauche, puis en allant en haut à droite et en bas.
‫Donc à gauche, en haut, à droite, en bas.
‫Donc celui que je veux avoir est laissé cinq pixels en haut.
‫Je ne veux aucun droit.
‫Je n'en ai pas besoin et en bas.
‫Je n'en ai pas besoin non plus.
‫Et maintenant vous pouvez voir qu'il y a une petite distance ici, cinq pixels de marge entre les nôtres.
‫Oui.
‫Et le carré que nous avons ici ou le rectangle que nous avons.
‫Très bien.
‫Donc en haut à gauche.
‫En bas à droite.
‫C'est ainsi que nous utilisons cette marge.
‫Très bien.
‫C'est donc un bouton radio.
‫Et j'aimerais avoir trois boutons radio.
‫Alors en fait, permettez-moi de réduire le dos pour que nous n'ayons que le bon nombre de lignes ici.
‫Et je vais copier ce bouton radio et le mettre juste à côté ou en dessous.
‫Et celui-ci devrait être rempli de rouge et le texte devrait dire quelque chose comme non.
‫Donc le texte sera non et que nous sommes oui non.
‫Et bien sûr, le texte doit également être lu.
‫Donc en fait pas ici, mais ici.
‫Ainsi, dans notre bouton non, le rouge devrait être ou la note devrait être rouge.
‫C'est donc ça avec la radio.
‫Mais hyper simple.
‫Mais maintenant je veux en ajouter un autre, qui sera peut-être et maintenant au lieu d'un rectangle, j'aimerais avoir
‫une petite image ici.
‫Je vais donc me débarrasser du rectangle et je vais utiliser une image que nous n'avons pas encore utilisée.
‫Et chaque fois que vous souhaitez utiliser une image, vous avez besoin d'une source pour cette image.
‫Donc dans mon cas, j'ai la source.
‫Sur mon PC, donc je vais dire sauce et puis il faut le bon répertoire et dans mon cas c'est sur mon
‫PC.
‫J'ai donc ce dossier appelé cours Teashop Masterclass.
‫J'ai le dossier des projets et il y a un fichier peut-être et il s'appelle peut-être P et G, et c'est ce
‫fichier ici.
‫Et bien sûr, il est très grand et il sera réduit.
‫Mais si vous souhaitez le réduire, il est vraiment logique de le faire avant d'utiliser l'image.
‫Il suffit donc de modifier cette image et de la réduire.
‫Mais ce sera l'image que je veux utiliser.
‫Donc ça va être ma source pour l'image.
‫Ensuite, je peux spécifier la largeur et ainsi de suite.
‫Donc parce que sinon, comme vous pouvez le voir, la taille d'origine, mais je peux la
‫réduire à, disons, une largeur de trente-deux et une hauteur de trente-deux également.
‫Alors maintenant, j'ai peut-être cette image là et le texte ne doit pas être lu.
‫En fait, ce n'est pas grave si c'est la couleur standard du noir.
‫Voici donc le texte de peut-être nous y sommes et maintenant nous avons notre bouton radio.
‫M'aimez-vous?
‫Oui.
‫Non.
‫Et peut-être.
‫Très bien.
‫Commençons maintenant cette application et vérifions-la.
‫Nous y sommes.
‫Tu m'aimes bien ?
‫Oui.
‫Non peut-être.
‫Et comme vous pouvez le voir, il était vide avant cela.
‫Et maintenant, nous pouvons le sélectionner et ils seront toujours connectés les uns aux autres.
‫Ces trois-là sont donc dans le même groupe.
‫Ils sont connectés entre eux et un seul d'entre eux peut être actif.
‫C'est donc l'avantage des boutons radio par rapport aux cases à cocher.
‫Donc, si vous ne voulez avoir qu'une seule option, les boutons radio sont la solution.
‫Si vous voulez que l'un d'entre eux soit spécifié, c'est un début.
‫Donc, l'un d'entre eux doit être vérifié au début, vous pouvez simplement utiliser la propriété is Checked.
‫Donc, dans le bouton radio du bouton de plage ici, disons que je veux peut-être être vérifié.
‫Je vais donc utiliser est coché et je vais le régler sur.
‫Vrai.
‫Très bien.
‫Alors maintenant, recommençons et vous verrez que peut-être est vérifié depuis le début.
‫Si vous voulez avoir un événement, lorsque quelqu'un appuie sur l'un d'eux, vous pouvez simplement
‫créer cet événement manuellement en ajoutant ici coché puis en ajoutant un écouteur d'événement ici, ou vous pouvez simplement double-cliquer
‫dessus.
‫Je vais donc double-cliquer sur non.
‫Et comme vous pouvez le voir, le bouton radio a coché une et la radio et vérifié que ces deux méthodes ont été créées.
‫Et vous voyez qu'ils ont un expéditeur d'objet et à travers cet arc d'événement.
‫Donc la même chose que nous avons vu avec les cases à cocher.
‫Et vous pouvez ajouter quelque chose comme une boîte de message d'affichage, aucune boîte de message qui s'affiche, dites oui.
‫Voilà donc ce qu'il va dire.
‫Et l'autre va aussi dire oui, car c'est le à savoir et peut-être celui auquel j'ai ajouté
‫un événement.
‫Et si vous n'aimez pas le nom, vous pouvez le changer.
‫Alors je vais dire quelque chose comme ça.
‫Bouton radio coché, mais non coché.
‫Et bien sûr, je dois changer le nom dans le code derrière.
‫Celui-ci ne sera donc pas coché.
‫Et puis nous avons le peut être vérifié et je vais également changer le nom ici.
‫Peut être vérifié.
‫Je le copie et je le modifie ici.
‫Alors s'il vous plaît dites oui, s'il vous plaît dites oui deux fois.
‫OK, et si quelqu'un appuie sur oui, alors nous pourrions dire quelque chose comme merci.
‫Créons donc celui-ci manuellement.
‫Donc ici, je vais utiliser vérifié et je vais créer une nouvelle méthode appelée Oui, trait de soulignement vérifié.
‫Et maintenant, il s'agit de créer la méthode pour cela et de la combiner, nous allons donc utiliser les mêmes principes que nous avons
‫vus ici.
‫Vide privé.
‫Oui, j'aimerais vraiment ça.
‫Oui.
‫Checked Object Sender et Grouted event ARC's et je vais également les appeler E.
‫Et maintenant, ici, nous pouvons aller de l'avant et dire quelque chose comme.
‫Merci.
‫Très bien.
‫Voyons maintenant.
‫Et d'ailleurs, si vous avez fait ça, vous verrez que cet événement a été appelé car bon, rentrons
‫car il a été coché.
‫Nous avons cette fonctionnalité.
‫Donc ici, vous voyez la police dire oui, a été automatiquement ouvert, même si mon programme n'est pas encore apparu.
‫Et après avoir cliqué.
‫Oui, alors vous voyez votre programme.
‫Et c'est parce que peut-être est coché et que cet événement est appelé de toute façon.
‫Donc quand c'est quand c'est vérifié et c'est vérifié au début.
‫Donc, quand il est initialisé, je vais donc dire non et cela dit s'il vous plaît.
‫Oui.
‫Et puis je dis oui.
‫Et il dit merci.
‫OK, ce sont donc des événements différents que nous avons créés ici et ici.
‫Celui-ci, cette information est vérifiée égale à vrai.
‫Cette ligne ici ou ce code déclenche en fait cet événement vérifié immédiatement chaque fois que le programme
‫est initialisé.
‫Donc si j'avais, par exemple, un nom ici nom et que ça va être R B, ouais.
‫C'est peut-être R B, peut-être.
‫Alors maintenant, je peux aller ici dans la méthode initialize ou le constructeur ou B est peut-être vérifié et j'ai dit que c'était vrai.
‫C'est ainsi que je peux le vérifier via le code.
‫Très bien, donc si nous l'exécutons à nouveau, vous verrez que cet événement apparaît toujours.
‫Donc, cet événement de contrôle, s'il vous plaît, dites oui.
‫Toujours.
‫Popping up le vous comme moi?
‫Oui Super.
‫Alors maintenant, vous savez comment utiliser les boutons radio et vous avez vu comment implémenter des images dans votre interface
‫utilisateur.