‫Bienvenue à nouveau et cette vidéo, nous allons couvrir la zone de liste déroulante et vous pouvez en voir une ici,
‫et elle contient la source de données de toutes les différentes couleurs qui nous sont disponibles.
‫Disons donc que nous voulons utiliser du rouge violet pâle comme nous l'avons déjà fait.
‫Nous pouvons simplement sélectionner cela.
‫Et comme vous pouvez le voir, notre zone de liste déroulante a sélectionné cette couleur et elle contient même tout
‫ce beau texte sur le nom de cette couleur.
‫OK, alors allons-y et créons un nouveau projet pour commencer.
‫Et je vais appeler celui-là.
‫Vous avez une zone de liste déroulante 10 C et vous pouvez l'appeler comme vous le souhaitez.
‫Mais ce dont nous aurons besoin ici, c'est d'un exemple.
‫Nous allons d'abord créer un panneau empilé.
‫Donc, au lieu de GRET, je veux utiliser le panneau Stack et je vais agrandir Zemel un peu ici parce que le design est sympa et tout,
‫mais c'est toujours bon de voir ce que vous codez.
‫Et ici, je vais créer quelque chose appelé une zone de liste déroulante, et c'est à peu près tout.
‫Il y a ma combo.
‫Je peux lui donner un nom, donc je vais l'appeler nom est égal aux couleurs de la zone de liste déroulante.
‫Et maintenant, cette zone de liste déroulante a besoin d'un modèle d'élément de zone de liste déroulante, quelque chose que nous avons vu dans la dernière vidéo où
‫nous avons utilisé la zone de liste.
‫Nous avons donc ce modèle d'élément de zone de liste déroulante ici.
‫Nous avons besoin d'un modèle de données car sinon, comme vous pouvez le voir, c'est se plaindre.
‫Et maintenant, dès que nous avons ce modèle de données, tout va bien.
‫Et je vais me débarrasser des lignes supplémentaires que j'ai créées ici.
‫Donc ici, je veux avoir un panneau empilé parce que je veux tout empiler là-dedans et il
‫doit être orienté horizontalement.
‫Maintenant, le panneau empilé doit contenir un rectangle.
‫Au fait, le panneau empilé sera ce qui se trouve à l'intérieur de notre zone de liste déroulante et
‫il devrait contenir un rectangle que je vais remplir avec une couleur.
‫Je vais donc le remplir avec un nom contraignant.
‫Et il devrait avoir une largeur de, disons, 32 pixels et une hauteur de 32 pixels également.
‫Et puis je veux ajouter une marge de, disons, cinq pixels vers toutes les directions pour ce rectangle.
‫Et maintenant, il devrait y avoir un bloc de texte disant également le nom.
‫Ce bloc de texte doit donc avoir un texte appelé nom de liaison.
‫Nous allons donc lier la propriété name.
‫Nous devrons donc créer une propriété name.
‫Et aussi, je veux ajouter une taille de police de trente-deux à mon bloc de texte.
‫Très bien.
‫C'est donc à peu près tout.
‫C'est tout notre code dont nous avons besoin dans Zemel.
‫Et maintenant, nous pouvons continuer et exécuter ou créer un code dont nous aurons besoin dans le code derrière, car ce dont nous
‫avons tous besoin, c'est définitivement de cette propriété de nom.
‫Allons donc dans le code derrière et ici.
‫Je vais aller de l'avant et je vais simplement accéder à mes couleurs de zone de liste déroulante, qui est notre fenêtre principale, ces couleurs de zone
‫de liste déroulante.
‫Donc celui-ci ici, j'appelle cette zone de liste déroulante comme cela appelle les couleurs de la zone de liste déroulante.
‫Et maintenant, ce que je vais faire, c'est définir la source de l'élément.
‫Donc, la source des éléments va être nos couleurs qui ont une propriété et nous ne pouvons pas l'utiliser de cette façon.
‫Nous devrons donc lui envoyer des types de couleurs qui obtiennent des propriétés.
‫Nous obtiendrons donc toutes les couleurs disponibles.
‫Ce système de classe qui Windows, que les couleurs des médias et il y a une méthode appelée get properties et il
‫nous restituera toutes les couleurs.
‫C'est donc à peu près tout.
‫Nous définissons les itemizers sur cette propriété de couleur.
‫Nous aurions pu, bien sûr, utiliser une liste d'éléments ici d'objets que nous voulons montrer ici.
‫Mais avoir cette belle approche ici va être super simple.
‫Comme vous pouvez le voir, nous n'avons qu'une seule ligne avec autant de valeurs différentes parmi lesquelles nous pouvons choisir.
‫Nous avons donc simplement cette zone de liste déroulante qui contient toutes ces couleurs, et nous pouvons utiliser cette
‫couleur chocolat ou nous pouvons utiliser un gris foncé et ainsi de suite.
‫Donc, comme vous pouvez le voir, vous pouvez indiquer la source de l'élément à une liste assez intéressante qui est disponible en interne.
‫Ou vous pouvez créer votre propre source d'éléments, qui peut être, bien sûr, des données d'une base de données ou une
‫liste que vous créez vous-même.