‫Content de te revoir.
‫Dans cette vidéo, j'aimerais parler des données de propriété et des déclencheurs d'événements, car ils sont
‫assez importants lorsque vous souhaitez ajuster les choses sur l'or.
‫Donc dans ce cas, je vais ajuster le texte ici.
‫Alors quand je le survole, je survole le texte qui change sa couleur et son apparence en général.
‫Ensuite ceci.
‫Salut mon pote.
‫Comme vous pouvez le voir, sa taille augmente.
‫C'est donc comme une animation ici.
‫Et puis nous avons cette case à cocher ici, il y a quelqu'un là-bas et ce texte dit non.
‫Et je vais juste cliquer dessus.
‫Et ça dit, bien sûr qu'il y a quelqu'un là-bas.
‫C'est donc moi.
‫Oui, je peux cliquer dessus.
‫Ce sont donc des choses que nous allons couvrir dans cette vidéo, et cela vous
‫permettra, eh bien, de rendre votre interface utilisateur en général assez bien, assez soignée car elle peut s'ajuster à la volée
‫et cela peut donner une expérience utilisateur améliorée ou créer une expérience utilisateur améliorée.
‫Alors allons-y et créons un nouveau projet ici.
‫Et je vais appeler 14 C, qui est des données de propriété et empêche les déclencheurs.
‫Ce que j'avais là-bas était une combinaison de grilles et de panneaux de bâton.
‫Je vais donc commencer par un panneau de bâton, merci panneau comme ça.
‫Et dans ce panneau technique, j'ai une grille et j'y ai un bloc de texte qui dit
‫quelque chose comme du texte, bonjour, monde bien-aimé.
‫Notre monde bien-aimé, et puis j'ai une taille de police, donc je vais la régler sur, disons 32, je veux
‫que cela soit centré.
‫Je vais donc dire centre et aussi verticalement, il devrait être centré.
‫Je vais donc dire que dans la ligne suivante, l'alignement vertical sera également centré, et je vais
‫le fermer comme ça.
‫Alors nous y sommes.
‫C'est notre monde textuel bien-aimé, et je vais le mesurer.
‫Mais le petit fichier.
‫Donc ici dans le bloc de texte, je peux aller de l'avant et changer, par exemple, le style.
‫Je peux faire plusieurs, plusieurs choses et j'ai besoin d'avoir un style pour utiliser le déclencheur de style.
‫Je vais donc ajouter un bloc de texte à ce style qui me permettra de créer un style.
‫Par exemple, je dois ajouter un type de cible ici, qui sera notre bloc de texte et dans le style,
‫je peux aller de l'avant et ajouter un setter et des déclencheurs de style.
‫Donc avant tout, j'ai besoin d'un centre qui va être la propriété au premier plan.
‫Je veux donc mettre le premier plan.
‫Je veux changer le premier plan.
‫Et je veux le changer en vert.
‫Il va donc définir la valeur sur vert.
‫Et après, je veux avoir des déclencheurs qui peuvent réellement le faire parce que pour l'instant c'est juste vert.
‫Mais je veux que cela soit déclenché et je le fais avec un style qui se déclenche maintenant dans la balise style
‫triggers.
‫Je peux créer mes différents déclencheurs et je n'aurai qu'un seul déclencheur, qui sera au passage de la souris.
‫La propriété de ce déclencheur est donc à des kilomètres.
‫Donc, chaque fois que nous survolons ce texte, je veux que ce déclencheur soit exécuté et je
‫vais vouloir définir la valeur sur true.
‫Avec un T majuscule comme ça, donc à l'intérieur de cette balise de déclenchement, je peux créer mes Seders et c'est ce qui devrait
‫être changé en général.
‫Alors disons que maintenant j'ai ce texte vert et je veux qu'il soit rouge quand je survole.
‫Ainsi, le centre sera défini sur la propriété au premier plan ou définira la propriété au premier plan sur la valeur rouge.
‫Ainsi, chaque fois que je le survole maintenant ou que ma souris est survolée, ce
‫déclencheur sera exécuté et tous ses setters seront également déclenchés ou exécutés le samedi suivant, je veux ajouter,
‫va être la propriété centrale.
‫Et ici, ce sont des déclarations de texte que je veux définir sur la valeur de soulignement.
‫Très bien.
‫Alors fermons la configuration et vérifions si notre déclencheur fonctionne.
‫Ce n'est donc qu'un texte, n'est-ce pas.
‫Et regardons le code un peu en profondeur maintenant ou un peu plus en profondeur.
‫Nous avons donc cette grille.
‫Qui est dans un panneau d'état et là nous avons juste ce bloc de texte, et c'est juste un texte que
‫nous voyons ici, ce Hello Beloved World, et a une taille de police et il est centré.
‫Voilà donc les propriétés générales du bloc de texte.
‫Mais maintenant, je m'adapte au style du bloc de texte pour pouvoir ajouter des composants de style ici.
‫Et j'utilise la balise de style et je dis que le type cible de ce style devrait être le bloc de texte lui-même car il pourrait s'agir de composants
‫dans le bloc de texte, mais ce serait du code pour le moment.
‫Mais en général, on a ce centre ici qui fixe le style.
‫C'est donc quelque chose qui se fait tout de suite, non ?
‫Nous n'avons pas à déclencher cela.
‫Mais ensuite, nous pouvons ajouter des déclencheurs de style qui contiennent un déclencheur, qui définit ensuite les choses.
‫Et nous devons spécifier quelle devrait être la propriété pour déclencher ce déclencheur.
‫Alors c'est fini quand c'est vrai ?
‫Je veux que les centres soient exécutés et cela dirait simplement, OK, je veux changer le premier plan de la
‫propriété à la valeur de rouge et je veux définir les décorations de la taxe foncière sur la valeur de soulignement.
‫Vous pouvez donc ajouter plusieurs setters différents ici, si vous le souhaitez, et cela sera déclenché chaque fois
‫que celui-ci est exécuté et qui sera exécuté si Ismael's over est vrai.
‫Exécutons simplement le code et voyons comment cela fonctionne en action pour que nous l'ayons.
‫Bonjour, monde bien-aimé, et je survole.
‫Et comme vous pouvez le voir, la déclaration de texte est sur la ligne.
‫Le texte est donc sur la ligne et la valeur de premier plan est rouge.
‫Cette couleur va donc du vert au rouge.
‫Très bien.
‫Voici donc comment vous pouvez simplement continuer et utiliser des déclencheurs de style ou des déclencheurs en général.
‫Et quelque chose d'autre que vous pourriez voir que lorsque la valeur revient à chute, elle revient à sa valeur d'origine,
‫donc souligner et lire n'est plus vrai.
‫Donc, ils reviennent simplement à sa valeur d'origine, qui était verte pour le premier plan et sur la ligne était from ou
‫false de sorte que la déclaration de texte n'était pas sur la ligne.
‫Maintenant, allons de l'avant et créons un autre bloc de texte, qui sera dans une grille unique.
‫Je veux donc avoir plusieurs grilles les unes sur les autres.
‫J'aurais pu utiliser un wrapper différent, mais je vais juste utiliser une grille ici et là.
‫J'ai à nouveau un bloc de texte, et cette fois, il devrait dire quelque chose comme, bonjour, mon pote.
‫Salut mon pote.
‫Et maintenant, je vais définir la taille de la police sur 24.
‫La taille de la police sera de vingt-quatre.
‫Ensuite, je veux que ce soit une ligne centrale aussi bien pour l'alignement horizontal que vertical.
‫Et puis ce bloc de texte doit être stylisé.
‫Je vais donc styliser plusieurs choses ici.
‫Tout d'abord, je souhaite ajouter une balise de style de bloc de texte ici.
‫Là, j'ajouterai un style et ce sera à nouveau le type de bloc de texte cible et ici je peux créer
‫des déclencheurs d'événements.
‫Vous avez donc vu le déclencheur de style ici, qui était simplement un déclencheur.
‫Mais maintenant, je veux exécuter un déclencheur d'événement, ce qui sera un peu différent.
‫Créons donc un style qui déclenche d'abord la balise triggers.
‫Et ici, je veux avoir un déclencheur d'événement et qui sera exécuté lorsque l'événement routé est vrai et que l'événement routé
‫sera l'entrée de Mou.
‫Cela sera donc déclenché chaque fois que nous entrons dans ce bloc de texte avec notre souris.
‫C'est donc à peu près la même chose que nous avons vue ici.
‫Cette propriété a été survolée avec la souris, mais non, nous n'utilisons pas de déclencheur.
‫Nous utilisons un déclencheur d'événement et vous verrez la différence en une seconde.
‫Maintenant, dans ce déclencheur d'événement, je peux aller de l'avant et créer un événement.
‫Les actions de déclenchement sont en fait des actions multiples.
‫J'ai donc cette autre balise et ici, je peux maintenant créer toutes les différentes actions que je veux
‫exécuter lorsque ce déclencheur d'événement est déclenché.
‫Donc, chaque fois que nous entrons avec notre souris, créons donc une action de déclenchement d'événement et cela se fera comme
‫ça, commençons le storyboard.
‫Nous avons donc besoin de ce tag à nouveau dans le storyboard.
‫Ensuite, nous créons un storyboard et dans le storyboard, nous pouvons maintenant faire des animations.
‫Donc, la double animation va être une continuation qui s'étend sur une durée spécifique.
‫Et ici, nous avons zéro comme heures, zéro minute, zéro seconde et cinq cents millisecondes.
‫Donc, sur une période de cinq cents millisecondes, je veux que cela soit exécuté.
‫Donc, cette animation s'exécute et je veux changer la taille de la police.
‫Mais maintenant, pour modifier la taille de la police, je dois utiliser la propriété de cible de point du storyboard.
‫C'est donc très similaire à définir une propriété que nous avons vue ici, mais nous modifions les déclarations de texte et
‫la définissons pour souligner que nous devons utiliser cette approche ici, la propriété cible du storyboard à la place.
‫Et ici, je peux dire quelle propriété je veux changer.
‫Je veux donc changer la taille de la police aussi.
‫Et maintenant je peux spécifier la valeur.
‫Il y a donc une propriété deux ici et j'ai mis la valeur à soixante-douze.
‫OK, c'est donc la double animation que nous exécutons ici.
‫C'est donc similaire à ce que nous avons vu ici.
‫Seules les valeurs sont ou les noms sont différents.
‫C'était donc une propriété, mais maintenant c'est la propriété cible du storyboard.
‫Ensuite, nous avons la valeur qui était sur la ligne, mais maintenant ce sont les deux mots clés ou les deux propriétés que nous
‫devons modifier.
‫C'est donc à peu près comme cela que nous pouvons créer cette petite animation qui sera exécutée.
‫Alors maintenant, commençons ce code et voyons ce qui se passe que nous sommes.
‫Salut mon pote.
‫Et nous sommes, comme vous pouvez le voir maintenant, c'est gros et ça ne recule pas.
‫Oh, allez.
‫Revenez à la taille normale et.
‫Eh bien, il ne se soucie pas de ce que je veux parce que je ne l'ai pas mis en œuvre.
‫Alors maintenant, c'est un petit défi pour vous.
‫Veuillez en ajouter un autre.
‫Event ici, qui fera exactement cela, alors ajoutez un déclencheur d'événement.
‫Juste un petit indice, vous n'avez pas besoin de refaire tout cela, il vous suffit de créer ou de
‫reproduire ce code.
‫Alors s'il vous plaît allez-y et ajoutez la fonctionnalité.
‫Ainsi, lorsque la souris quitte ce bloc de texte, le texte reprend sa taille d'origine, qui était de vingt-quatre, et cela
‫devrait se faire sur une durée de, disons, trois cents millisecondes.
‫Alors s'il vous plaît allez-y et essayez cela.
‫Très bien, j'espère que vous l'avez fait.
‫Je vais donc simplement copier ce déclencheur d'événement, je vais le coller juste en dessous et au lieu d'entrer la
‫souris, je vais entrer quelque chose comme une feuille de souris et la durée devrait être de trois cents millisecondes et la taille de
‫la police devrait être mis à la valeur de vingt-quatre.
‫Et c'est tout.
‫C'est donc le déclencheur d'événement dont j'ai besoin pour revenir en arrière chaque fois que la souris quitte le manuel.
‫Alors testons cela à nouveau.
‫Nous y sommes.
‫Salut mon pote.
‫Et maintenant laisse-moi le laisser et ça revient et ça revient plus vite qu'il n'a commencé, n'est-ce pas.
‫Ainsi, l'un était le texte ou l'entrée de la souris était de cinq cents millisecondes et la sortie de la souris était de trois
‫cents millisecondes.
‫Vous pouvez donc organiser des événements assez sympas ici.
‫Et comme vous le voyez, il réagit même à la volée.
‫Donc ça repart tout de suite et c'est plutôt cool.
‫OK, ce sont donc des déclencheurs d'événements.
‫Vous avez donc vu des déclencheurs de style qui sont de type déclencheur, puis vous avez vu des déclencheurs de style qui
‫sont de type, événement, déclencheur.
‫Maintenant, j'aimerais ajouter une case à cocher avec un petit texte en dessous qui
‫sera ajusté.
‫Donc, celui-ci utilisera la liaison, la liaison de données.
‫Nous avons déjà vu la liaison de données et au lieu d'être dans une grille, elle devrait être dans un panneau
‫empilé car je veux empiler deux choses.
‫Je veux empiler la case à cocher au-dessus du bloc de texte.
‫Donc, dans le panneau de la pile, je crée une case à cocher et elle devrait avoir le nom de c. B.
‫Bonjour, CME signifie case à cocher.
‫Ensuite, le contenu de la case à cocher serait quelque chose comme quelqu'un le point d'interrogation.
‫Maintenant, le panneau me permet en fait d'aligner cela afin de l'aligner horizontalement et verticalement également.
‫Donc centre d'alignement vertical aussi.
‫Très bien.
‫Alors maintenant, cette case à cocher devrait déclencher quelque chose et cela devrait changer nos manuels.
‫Nous aurons donc besoin d'un bloc de texte et je vais également l'aligner horizontalement.
‫Alors permettez-moi de centrer le bloc de texte.
‫Ensuite, je définirai la taille de la police de mon bloc de texte sur trente-six.
‫Il devrait donc être suffisamment grand maintenant dans le bloc de texte.
‫Je veux aller de l'avant et changer son style.
‫C'est donc quelque chose que nous avons déjà vu au sommet.
‫Nous utilisons donc ce style de bloc de texte et ce type de cible de style et nous spécifions le type de cible.
‫Je vais donc faire la même chose ici.
‫Style de bloc de texte puis et ici, je crée une balise de style et le type de cible de style.
‫Donc, la cible que j'ai est mon bloc de texte.
‫Je veux donc changer le bloc de texte.
‫Et comment je fais ça ?
‫Eh bien, avec mes setters.
‫Je vais donc définir tout de suite et cette fois, le déclencheur sera des données, un déclencheur piloté par les données, et ce ne sera pas
‫un déclencheur piloté par un événement comme nous l'avons vu ici.
‫Donc déclencheur d'événement et ainsi de suite.
‫Mais maintenant, c'est un déclencheur basé sur les données.
‫Donc la propriété de mon centre va être la propriété.
‫Ce sera le texte.
‫Et je veux changer la valeur du texte en quelque chose comme, non, et maintenant j'aurai un autre Sather en
‫haut et en bas en bas.
‫Celui-ci va donc changer la propriété appelée foreground.
‫Il devrait donc simplement changer la couleur à la valeur du rouge.
‫Maintenant, cela sera exécuté immédiatement.
‫À droite.
‫Nous avons donc le style et nous n'avions pas encore de déclencheurs.
‫Ce sera donc réglé.
‫On aurait pu faire la même chose.
‫Nous aurions pu définir le texte ici au niveau du bloc de texte.
‫Nous aurions pu utiliser la valeur de rouge au niveau du bloc de texte.
‫À droite.
‫Mais je veux juste vous montrer qu'il s'agit d'une approche alternative et cela vous aidera à faire la chose suivante.
‫Donc, dans ce cas, j'aurai besoin d'un déclencheur de fléchettes de style.
‫J'ai donc besoin d'avoir cette balise de déclencheurs de style.
‫Et maintenant et ici, je crée un déclencheur de données.
‫Donc, comme vous le voyez, nous avons utilisé des déclencheurs normaux, basés sur une propriété.
‫Ensuite, nous avons des déclencheurs événementiels, qui sont un événement routé qui est exécuté.
‫C'est donc à peu près la même chose.
‫Mais dans ce cas, vous savez, c'est une souris sur et une souris entre.
‫Mais dans ce cas, c'est une propriété qui le déclenche.
‫Et dans ce cas, c'est un événement réel et maintenant ça va être des données.
‫Vous voyez donc trois types de déclencheurs différents.
‫Donc, ce déclencheur de données va également régler les choses.
‫Mais maintenant, pour exécuter le déclencheur, je dois utiliser la liaison dans ce cas.
‫Je vais donc lier le nom de l'élément appelé c. B.
‫Bonjour.
‫Quelle est notre case à cocher et ceci à bonjour.
‫Devrait avoir le chemin de est coché.
‫Je vais donc vérifier que cette valeur est cochée et j'y vais.
‫J'ai dit que cette valeur était vraie.
‫Maintenant, que se passe-t-il si je.
‫Vérifiez que le chéquier est bien, un certain setar doit être exécuté, donc le centre avec la propriété text doit être exécuté et
‫sa valeur doit être définie sur quelque chose comme, bien sûr.
‫Maintenant, la prochaine lettre que je voudrais ajouter va avoir la propriété de premier plan, elle va donc
‫passer à la propriété de premier plan, à la valeur de vert, et c'est tout.
‫C'est donc notre déclencheur de données.
‫Allons de l'avant et exécutons cela pour que nous ayons nos deux déclencheurs qui sont basés sur des dépassements de masse ou à travers cet
‫événement ici.
‫Et puis si je coche cette case, allons-y, boum.
‫Et ça dit, bien sûr.
‫Vous voyez donc que notre case à cocher déclenche cela maintenant et ce n'est pas l'événement.
‫Ce n'est donc pas l'événement de vérification.
‫Il est basé sur les données qui le sous-tendent.
‫Nous nous engageons donc sur la valeur cochée de notre CB.
‫Bonjour.
‫Donc de notre case à cocher ici.
‫Donc, comme je l'ai dit, c'est important.
‫À droite.
‫Donc, vous auriez pu faire la même chose avec un événement qui est déclenché chaque fois que nous le vérifions,
‫car vous savez que vérifier ou est vérifié pourrait déclencher un événement.
‫Vérifiez donc changé ou quelque chose comme ça.
‫À droite.
‫Donc, mais cette fois, nous le faisons sur la base de données.
‫Donc, chaque fois que j'appuie dessus, cela sera exécuté.
‫Très bien.
‫Ce sont donc les trois différents types de déclencheurs et différents types de, eh bien, exécutant des changements
‫assez sympas dans votre interface utilisateur.
‫Super.
‫J'espère que vous pourrez comprendre tout cela.
‫Je conseille d'essayer quelques déclencheurs de données supplémentaires, de vérifier quelque chose avec un texte.
‫Donc, si quelqu'un entre un texte spécifique, alors quelque chose doit être changé ou ce genre de choses.
‫Vous pouvez donc faire beaucoup de choses avec Zemo sans avoir à toucher à un code derrière.
‫Et c'est plutôt cool.
‫Très bien, super.
‫Alors rendez-vous dans la prochaine vidéo.