‫Content de te revoir.
‫Et cette vidéo, nous allons créer une listbox, et vous pouvez voir ici que nous avons une petite listbox avec
‫les entrées.
‫Nous avons donc le Bayern Munich avec trois points ou buts, puis nous avons le Real Madrid avec deux buts
‫et le match est presque terminé.
‫Nous utilisons donc ici plusieurs éléments différents, que nous n'avons pas encore utilisés.
‫Et lorsque j'en sélectionne une et que je clique sur ce bouton, une petite boîte de message apparaît et me renseigne sur la boîte
‫sélectionnée et me donne des informations supplémentaires, ou du moins dans ce cas, elle me donne
‫simplement cette information.
‫Et bien sûr, vous pouvez ajouter un peu plus d'informations ici afin que vous puissiez créer une petite application
‫à partir de cela, qui prend les données d'Internet et est mise à jour tout le temps et, eh bien, vous montre simplement le
‫score actuel des matchs en cours .
‫Très bien.
‫Allons de l'avant et commençons à le faire.
‫Je vais donc créer un nouveau projet pour cela, que je vais appeler ListBox.
‫Alors allons-y.
‫Et j'ai déjà ce nom, donc je vais l'appeler C, et ici je vais principalement utiliser Zemel.
‫Alors je vais tout remonter.
‫Et nous avons ce puits, notre image ici ou notre fenêtre ici encore.
‫Mais maintenant, ce que je veux faire, c'est utiliser à nouveau des grilles, mais je vais bien sûr utiliser plusieurs lignes.
‫Alors allons-y et créons une définition de colonne, une définition de rouleau et ce genre de choses.
‫Soit dit en passant, nous n'avons en fait besoin que de deux colonnes, donc ce ne sera pas si compliqué.
‫Nous n'avons donc que deux colonnes différentes.
‫Nous n'avons pas plusieurs lignes, nous n'aurons donc pas besoin de la définition du rouleau.
‫Mais pour vous, si vous vous souvenez comment faire cela, c'est toujours bon à savoir.
‫Vous devez donc d'abord définir des colonnes.
‫Et ici, vous pouvez définir vos colonnes.
‫Et je vais continuer et définir une colonne avec une largeur d'étoile et une définition de colonne avec une largeur de,
‫disons, 100.
‫Je veux donc avoir un bouton dans la deuxième colonne.
‫C'est à peu près ce que je veux utiliser ici.
‫Très bien.
‫Ce sont donc deux colonnes que j'ai.
‫Celui-ci contiendra la zone de liste et celui de droite contiendra simplement cet énorme bouton sur lequel nous
‫pourrons cliquer une fois que nous voulons obtenir plus d'informations sur un match.
‫Créons donc une zone de liste maintenant.
‫Et je vais utiliser le mot-clé ListBox.
‫Cette zone de liste recevra un nom.
‫Je vais appeler cette zone de liste des correspondances et je vais aligner horizontalement le contenu.
‫Donc alignement horizontal du contenu et je vais l'étirer pour qu'il étende le contenu de ma zone
‫de liste.
‫Et celui-ci ici, ce be mezza devrait être le nom, au fait, donc le nom est Elby Mensches.
‫Très bien.
‫Ensuite, je veux un modèle d'élément spécifique afin qu'une zone de liste puisse avoir un modèle d'élément.
‫Je vais donc utiliser un modèle d'élément de zone de liste.
‫Et là-dedans, je peux avoir un modèle de données.
‫Je vais donc créer un nouveau modèle de données.
‫Et maintenant, je peux enfin aller de l'avant et ajouter les blocs de texte ou les informations.
‫Donc, comme vous pouvez le voir, structuré d'une manière que nous n'avons pas encore vue.
‫Mais c'est tout à fait bien.
‫Vous verrez comment cela fonctionne dans une seconde.
‫Nous avons donc cette liste.
‫Boxton Nous avons le modèle d'élément, puis le modèle de données.
‫Et ici, nous pouvons afficher les données.
‫Et je vais utiliser une grille ici.
‫Je vais donc utiliser une grille avec des marges de deux.
‫Et cette grille a également besoin de définitions de colonnes.
‫Je vais donc créer une nouvelle balise de définitions de colonnes de points de grille.
‫Et puis ici, je vais définir les définitions de colonnes ou créer les définitions de colonnes.
‫Soit dit en passant, je vais rester simple ici aussi.
‫Et ce que je veux avoir, c'est simplement une largeur, qui va prendre le même espace que toutes les autres colonnes.
‫J'aurai donc cinq colonnes ici.
‫L'un sera celui de l'équipe.
‫Le second sera le score.
‫Le troisième est à nouveau marqué.
‫Le quatrième est l'équipe de la deuxième équipe.
‫Et puis enfin, nous avons le progrès.
‫Nous voulons donc savoir où en est déjà le jeu, où en est le match.
‫Et maintenant, je veux avoir plusieurs blocs de texte.
‫L'un sera donc un bloc de texte avec une grille, cette position de colonne de zéro et un texte que je veux
‫lier.
‫Je vais donc lier ce texte à la première équipe.
‫Maintenant, vous vous demandez peut-être ce qu'est l'équipe 1 ?
‫Eh bien, nous devons définir cette équipe dans notre code derrière.
‫Très bien, donc ce que je vais faire, c'est avant d'aller plus loin ici avec l'exemple, je vais aller de
‫l'avant et faire la citation derrière et je vais créer une nouvelle classe qui va s'occuper de allumettes.
‫Donc, ce sera juste un match de classe publique très simple.
‫Et cette classe ne contiendra que des propriétés donc publiques et des propriétés réellement créées.
‫Donc, genre, ça va être plus facile.
‫Prop et marquer l'un que l'autre a marqué aussi.
‫Ensuite, j'en ai besoin d'une, qui sera une chaîne, qui sera l'équipe une, puis une autre, qui sera également
‫une chaîne.
‫Et celui-ci sera l'équipe deux.
‫Et maintenant j'en ai enfin un, qui est aussi un entier, qui sera l'achèvement.
‫Je veux donc savoir jusqu'où en est le jeu ou combien de minutes du match total se sont écoulées.
‫Voici donc les informations générales sur cette classe de correspondance.
‫Et vous voyez, cette classe est incroyable.
‫Et généralement, la programmation orientée objet va être incroyable ici parce que nous pouvons simplement ajuster cela
‫si nous voulons ajouter plus d'informations.
‫Par exemple, nous voulons ajouter les joueurs qui sont sur le terrain et nous pourrions créer une toute nouvelle propriété qui va s'occuper du joueur
‫afin que nous puissions créer une classe qui va être utilisée dans le match, qui va
‫contenir tous les différents noms de joueurs ou quelque chose comme ça.
‫Donc c'est super pour l'extensibilité.
‫Vous pouvez donc facilement maintenir ce code.
‫Maintenant, nous avons cette classe de correspondance et dans ma fenêtre principale, je veux aller de l'avant et créer une liste de correspondances.
‫Je vais donc créer une liste et je vais l'appeler match ou je vais utiliser match comme élément de liste dans lequel
‫je veux être.
‫Et ça va être appelé matchs, ce qui va être une nouvelle liste de matchs.
‫Très bien.
‫Alors maintenant, j'ai cette liste de correspondances et je peux ajouter des éléments à cette liste.
‫Je vais donc ajouter un nouveau match, qui sera mon équipe, un avec la valeur du Bayern Munich, grand fan
‫du Bayern en Allemagne.
‫Et puis ils sont les meilleurs, ils sont la meilleure équipe d'Allemagne et ils sont plutôt bons au niveau international.
‫Espérons qu'ils remportent la Ligue des champions cette année.
‫Ça a toujours l'air bien.
‫Ils viennent de battre la Serbie.
‫Désolé pour cet événement.
‫Ensuite, nous avons le score un, que je vais fixer à trois et le score que je vais fixer
‫à deux.
‫Et puis finalement nous avons un achèvement, que je vais fixer à quelque chose comme quatre-vingt-cinq.
‫Le match est donc presque terminé et le Bayern a un point d'avance ou un but d'avance.
‫OK, donc c'est généralement comme ça que je peux créer un nouveau match.
‫Et vous voyez que nous n'avons pas eu besoin de créer un constructeur, nous n'avons pas eu besoin de créer de méthodes dans cette classe.
‫Nous avons simplement créé une classe très basique qui a des propriétés et nous attribuons ces propriétés ici.
‫Et maintenant, nous avons un objet avec toutes ces propriétés.
‫Et c'est super parce que maintenant nous pouvons l'utiliser pour l'afficher sur notre liste ici ou sur notre.
‫ListBox, j'ai donc ce premier bloc de test, qui va être la première équipe, puis j'ai le deuxième bloc de texte
‫qui devrait être connecté au score de la première équipe.
‫Donc ça va être un score.
‫Ensuite, le bloc de texte suivant devrait contenir des informations sur l'équipe deux.
‫Donc, ce sera l'équipe à et les informations sur l'équipe à ne sont que le nom de l'équipe aussi.
‫Et puis finalement marquer deux et très finalement.
‫Donc enfin, je veux bien avoir envie d'avoir une barre de progression, en fait, pas un bloc
‫de texte, qui m'informera de l'avancée du jeu donc une barre de progression, que je vais mettre
‫à la grille cette colonne pour.
‫Et nous devrons également modifier les colonnes ici, bien sûr.
‫Un deux trois quatre.
‫Nous avons donc ces cinq colonnes que nous avons mises en place ici.
‫Et maintenant, je vais définir l'équipe un dans la colonne zéro, le score de l'équipe un dans la colonne un et ainsi de suite.
‫Et maintenant, je veux avoir une valeur minimale pour cette barre de progression, qui sera zéro et une valeur maximale, et
‫si vous connaissez Succored et que vous savez que c'est 90 minutes de football selon d'où vous
‫venez ou quel anglais que vous souhaitez utiliser, anglais britannique ou anglais américain.
‫Nous avons donc de la valeur que nous voulons lier.
‫Et nous l'avons fait avec ce texte ici.
‫Nous avons donc simplement lié au texte.
‫Mais maintenant, nous voulons lier la valeur d'une barre de progression car une barre de progression n'est pas seulement un texte, c'est
‫en fait bien, elle a besoin d'une valeur de type entier.
‫Donc, ce que je vais lier ici sera l'achèvement de l'achèvement et maintenant nous devrions être en mesure de tester
‫cela.
‫Donc même si ça se plaint, c'est parce que je ne ferme pas la barre de progression.
‫Très bien.
‫Mais comme vous le voyez, il n'y a rien ici car les valeurs que nous utilisons, elles sont dans le code et bien, il
‫ne compile pas encore le code.
‫Il ne vérifie pas le code de notre classe principale ici, par exemple, file.
‫Et maintenant, laissez-moi vérifier si nous pouvons l'exécuter, d'accord ?
‫Et au fait, si nous voulons l'exécuter, il y a une chose importante à ajouter, et
‫c'est qu'Elby correspond à cette source d'élément est égale à nos correspondances.
‫Maintenant, qu'est-ce que toutes les correspondances et quelle est la source de l'élément ?
‫Eh bien, si nous regardons les matchs Halbe, c'est notre liste de sélection.
‫J'ai donc appelé cette listbox.
‫Je serai debout pour les matchs ListBox.
‫Donc cette liste va s'occuper de tous nos matchs ou elle va afficher tous nos matchs.
‫C'est l'idée derrière tout ça.
‫À droite.
‫Et il a besoin d'une source de données car sinon, il n'affichera aucune donnée.
‫Et j'ai juste dit, OK, je veux que ce soit la source de données de nos matchs et bien, les matchs devraient être la source
‫de données.
‫Alors maintenant, cela devrait montrer ce match, qui est de Munich pour le Real Madrid avec un score de trois à
‫deux, et que nous sommes le Bayern Munich, le Real Madrid moins trois buts.
‫Le Real a deux buts.
‫Et puis nous avons la barre de progression, qui dit que le temps est presque écoulé.
‫Le match est donc presque terminé.
‫Maintenant, je voulais avoir le score au milieu des deux équipes, donc je vais devoir changer l'ordre ici.
‫Et je vais le changer comme ça.
‫Bien sûr, je dois également ajuster les colonnes ici car j'aimerais avoir les scores juste à côté les uns des
‫autres.
‫C'est alors plus facile de comparer.
‫Alors exécutons-le à nouveau.
‫Et nous pouvons voir par industrie et combien cela doit être.
‫Et il faut effectivement qu'il y ait un peu de bien, le texte doit être centré.
‫Donc, ce que nous pouvons faire ici, c'est en fait le rendre un peu plus agréable pour le score et je vais l'aligner.
‫Et je peux le faire avec une ligne qui sera le centre d'alignement horizontal.
‫Je vais le faire pour les deux partitions.
‫Alors exécutons-le à nouveau.
‫Comme vous pouvez le voir, voici comment vous pouvez ensuite ajuster votre interface utilisateur et appliquer vos modifications et la rendre
‫un peu plus agréable.
‫Ce que vous pourriez même faire, c'est aligner ce nombre vers la droite et ce nombre vers la gauche.
‫Et vous pourriez même entrer quelque chose comme un kolon entre les deux ou quelque chose comme ça.
‫Très bien.
‫C'est donc notre premier match.
‫Maintenant pour vous, un petit défi, allez-y et ajoutez plusieurs matchs différents.
‫Et ce n'est pas forcément le football.
‫Vous pouvez ou football, vous pouvez entrer des matchs quelle que soit la barre de progression,
‫quelque chose comme le temps écoulé et vous avez simplement les deux équipes avec leurs scores de chaque côté.
‫Alors s'il vous plaît allez-y et à cela.
‫D'accord, j'espère que vous l'avez essayé, et cela devrait être assez simple car nous avons créé ce match
‫ici et la seule chose que nous devons faire est de copier et coller cela plusieurs fois et maintenant d'ajuster simplement
‫les noms et le discours des équipes.
‫J'avais donc quelque chose de préparé ici.
‫Et comme je l'ai dit, je suis plus un fan de football, donc je vais ajouter
‫des équipes de football, internationales, une personne représentant Paris, Sunjammer, ça va être contre Barsa et Bâle perd actuellement contre le
‫PSG, mais ils peuvent encore gagner car ils ont encore beaucoup de temps.
‫C'est donc juste 50 minutes.
‫Ensuite, nous devons être le tournoi B, qui est la deuxième meilleure équipe d'Allemagne la plupart du temps, et
‫ils jouent contre HIAS Roma.
‫Ensuite, nous avons une autre équipe ici, qui est Manchester United.
‫Ils jouent contre une galaxie.
‫Assez peu probable, mais il peut arriver qu'ils jouent l'un contre l'autre.
‫Et je vais me débarrasser du dernier score juste pour ne pas avoir à taper ou à penser à l'équipe
‫différente ici aussi.
‫Donc ce match n'est pas si long et ou n'a pas passé si longtemps.
‫Et ici, Manchester United a marqué un but.
‫Et Zlatan Ibrahim, qui a également marqué un but pour L. UNE. Galaxie.
‫C'est donc 30 minutes.
‫Et le Barça.
‫Eh bien, je pense que tout va bien.
‫Nous pouvons donc le garder tel quel et maintenant nous pouvons le réexécuter.
‫Et vous verrez que nous avons ici cette petite interface qui nous montre toutes les différentes équipes et leur
‫score.
‫Et puis vous pouvez aussi voir combien de temps ils durent.
‫Bien sûr, vous pouvez ajouter quelque chose comme l'heure de début, l'heure de fin.
‫Vous pouvez ajouter toutes sortes d'informations, tout ce à quoi vous pouvez penser.
‫Ce qui serait plutôt bien, c'est d'avoir quelque chose comme tous les joueurs.
‫Donc, si vous voulez ajouter la ligne ici, ce que vous pouvez faire est, bien sûr, de créer une
‫nouvelle propriété appelée Line Up, qui sera juste un long tableau de chaînes ou même une liste de chaînes contenant
‫tous les différents joueurs noms.
‫Et puis vous pouvez l'afficher une fois que quelqu'un appuie sur l'un de ceux-ci et appuie sur le bouton de sélection.
‫Mais nous n'avons pas encore le bouton de sélection.
‫Et c'est ce que nous allons ajouter maintenant, parce que vous pourriez dire que je veux avoir des informations supplémentaires
‫là-bas.
‫Et c'est très pertinent.
‫C'est très bien si vous voulez cela ou bien, si jamais vous en venez au point où vous en
‫aurez réellement besoin dans une application.
‫Je vais donc mettre ça en dehors de la boîte.
‫Et au fait, notre ListBox, je n'ai configuré aucune colonne ici, mais c'est quelque chose que, eh bien, nous avons, c'est
‫pour nous.
‫Ainsi, le premier élément sera automatiquement à zéro zéro si nous ne l'assignons pas.
‫Mais je vais l'attribuer dans une seconde.
‫Tout d'abord, je vais ajouter un bouton, alors créons un nouveau bouton.
‫Définissons-le sur la première colonne de la grille et ajoutons-y un événement de clic.
‫Et je vais créer un nouvel événement.
‫Je vais donc simplement dire un nouveau gestionnaire d'événements et il va ajouter une méthode de clic de bouton pour moi.
‫Et je vais appeler ce spectacle sélectionné.
‫OK, donc cliquez sur le bouton.
‫Ce n'est peut-être pas le meilleur nom, mais oui, ça va.
‫Nous pouvons utiliser ce bouton.
‫Cliquez sur.
‫Nous avons donc ici cette méthode de clic sur le bouton et ce que cela fera, c'est qu'elle me montrera plus d'informations.
‫Et pour l'instant, il va juste faire ce qui suit.
‫Il va juste vérifier si la correspondance qu'il a sélectionnée n'est pas vide.
‫Donc, Elby fait correspondre l'élément sélectionné qui n'est pas égal, vide ou nul, car s'il est nul, alors je ne veux pas qu'il se passe quoi que
‫ce soit.
‫Mais si ce n'est pas maintenant, je veux montrer quelque chose dans la boîte de message et je vais
‫montrer quelque chose comme la correspondance sélectionnée.
‫Il va y avoir plus et ici je vais montrer tous les différents matchs.
‫Alors.
‫J'ai besoin de quelque chose comme Halbe correspond à cet élément sélectionné comme match, et à partir de cela, je veux avoir l'équipe
‫parce que maintenant le l. B match, l'élément sélectionné n'est pas une classe de match, mais je veux l'utiliser comme
‫match.
‫Et là, je veux montrer l'équipe un plus un espace vide plus la rangée suivante.
‫Je vais donc copier ceci ici, je vais le mettre dans la ligne suivante.
‫Et là, je ne veux pas montrer l'équipe.
‫Je veux montrer le score un.
‫Ensuite, dans la ligne de couloir suivante, je veux lancer le score deux.
‫Et enfin, je veux montrer à l'équipe deux.
‫Et après, je n'ai plus besoin d'espaces vides et je peux utiliser les deux points et en faire le
‫point-virgule.
‫OK, c'est comme ça que je peux afficher quelque chose sur la boîte de message.
‫Et dans ce cas, je vais encore une fois montrer le moral de mon équipe.
‫Vous voyez donc qu'Elby correspond à l'élément sélectionné.
‫L'élément sélectionné est un objet et je souhaite l'utiliser comme correspondance afin de pouvoir accéder à ses propriétés d'équipe un, d'équipe
‫deux et de score, sinon je ne pourrais pas le faire.
‫Donc si je laisse ça de côté, je peux juste appeler l'équipe un.
‫Je vais vous montrer dans la seconde.
‫Donc ici, disons que j'ai cet Elby qui correspond à cet élément sélectionné et ici vous pouvez voir qu'il ne m'offre pas
‫les propriétés car il s'agit d'un objet.
‫Cet élément sélectionné n'est qu'un objet et il n'a que les méthodes de méthode disponibles égales à la chaîne et ainsi de
‫suite.
‫Mais ce dont j'ai réellement besoin, ce sont les propriétés de mon match.
‫Et je sais que l'objet qui a été sélectionné est un objet de correspondance.
‫C'est pourquoi je peux accéder à ses propriétés.
‫Alors maintenant, allons-y et testons cela.
‫Et après cela, nous aurons fini avec cette vidéo.
‫J'espère donc que vous pourrez suivre et que tout va bien.
‫Alors maintenant, j'ai sélectionné Barsa, RPG a été sélectionné et comme vous pouvez le voir, sélectionné correspond Pidgey trois à Barsa.
‫C'est donc le score actuel.
‫Et ici, vous pouvez bien sûr ajouter des informations supplémentaires ou même ouvrir une
‫nouvelle fenêtre dans laquelle vous affichez toutes les informations différentes, telles que la composition du match des
‫deux équipes, etc.
‫Très bien.
‫C'était une vidéo assez longue.
‫Et on a fait pas mal de trucs.
‫Nous avons utilisé ListBox, comme vous l'avez vu.
‫Ensuite, nous utilisons à nouveau la grille.
‫Eh bien, nous l'utilisons déjà.
‫Mais ce qui était intéressant dans celui-ci, c'est que nous avons créé une classe qui ne contient que des propriétés que nous avons utilisées
‫pour créer cette petite liste de correspondance, ce qui est plutôt cool car nous pouvons facilement
‫l'étendre au fur et à mesure.
‫Et nous avons également utilisé la liaison de données ici, nous nous sommes donc liés à une propriété dans notre classe, dans
‫notre classe de fenêtre principale, qui est notre.
‫Faites correspondre ici, afin que nous puissions facilement y accéder, et c'est plutôt cool.
‫Okeydokey, donc je dirais que c'est bien pour cette vidéo.
‫Rendez-vous dans le prochain.