‫Content de te revoir.
‫Dans cette vidéo, nous allons vérifier la zone de texte et la zone de mot de passe en combinaison, nous allons
‫donc créer un petit écran de connexion ici.
‫Alors allons-y et faisons-le.
‫Tout d'abord, je vais les agrandir un peu.
‫Et je ne veux pas utiliser de grille ici.
‫Je vais simplement utiliser un panneau empilé à la place, ce qui me permet d'empiler des contrôles les uns sur les autres.
‫Je vais commencer par une étiquette afin que l'utilisateur sache quel type d'information doit être saisi.
‫Je vais donc commencer par le nom d'utilisateur.
‫Ensuite, en dessous, je voudrais avoir une zone de texte.
‫Je vais donc ajouter une zone de texte et les manuels devraient avoir le nom de.
‫Manuels, nom d'utilisateur, donc nom d'utilisateur, donc juste une zone de texte pour le moment, et comme vous pouvez le voir, eh bien,
‫c'est trop près des bords.
‫Je veux donc ajouter un peu de marge à mon panneau Steck, et je vais juste opter pour 10 pixels.
‫Alors maintenant, il a une marge dans toutes les directions, comme vous pouvez le voir.
‫Très bien.
‫C'est donc notre zone de texte.
‫Maintenant, je veux avoir une autre étiquette pour mon passeport.
‫Je vais donc en créer un avec un passeport comme contenu.
‫Et maintenant en dessous, je vais juste créer une boîte de mot de passe et c'est tout.
‫Alors nous y sommes.
‫Nous avons notre petite boite à mot de passe.
‫Et en fait, permettez-moi également d'ajouter un bouton en dessous.
‫Je vais donc créer un nouveau bouton, avec une marge de, disons, cinq, puis nous avons
‫le contenu de la connexion.
‫Le texte doit donc être connecté sur le bouton et ajoutons-y un événement de clic.
‫Alors cliquez, cliquez et je vais créer un nouveau gestionnaire d'événements.
‫C'est donc notre bouton.
‫Comme vous pouvez le voir, nous avons ici ce petit bouton avec cette marge.
‫Ce n'est donc pas exactement la même chose avec ces champs de texte.
‫Et oui, nous pouvons changer cela à notre guise, mais ça va aller pour le moment.
‫Et maintenant, la boîte de mot de passe est quelque chose que je veux exécuter plus tard et modifier un peu.
‫Alors tout d'abord, je vais ajouter une nouvelle boîte de message ici.
‫Donc ça va juste dire quelque chose comme bienvenue, puis le nom d'utilisateur.
‫Donc, nom d'utilisateur, texte à points.
‫Il doit donc accueillir la personne qui essaie de se connecter.
‫Et c'est à peu près tout.
‫Ce bouton va faire dans cet exemple.
‫Maintenant que nous le sommes et que je vais ajouter mon nom d'utilisateur ici, et aujourd'hui ce sera Dennis et
‫le mot de passe sera password.
‫Et comme vous pouvez le voir, le mot de passe est caché car c'est une boîte de mot de passe et il ne veut
‫pas vous montrer d'informations.
‫C'est donc exactement ce que je voulais qu'il se passe.
‫Alors je vais me connecter et ça dit, Bienvenue, Dennis.
‫Ainsi, au lieu de simplement me connecter, cela pourrait m'envoyer vers une fenêtre différente et/ou un écran différent
‫où je vois toutes les informations pertinentes qui sont requises.
‫OK, et si je ne veux pas que ces points soient ici ?
‫Je veux avoir, disons, accès à la place.
‫Eh bien, alors je peux aller dans ma boîte de mot de passe et modifier ses paramètres afin qu'il puisse changer, par exemple, le
‫caractère du mot de passe, qui sera le caractère du mot de passe.
‫Et je peux changer cela pour, par exemple, cette petite étoile.
‫Alors laissez-moi recommencer et vous verrez si j'entre quelque chose.
‫Maintenant, c'est une star à la place.
‫Vous pouvez donc même aller de l'avant et faire quelque chose comme un H.
‫Ainsi, au lieu d'avoir le cercle ou l'étoile, vous aurez un maintenant qui masquera le mot de passe.
‫Alors maintenant, quelqu'un pourrait penser que j'ai beaucoup de h. s comme mot de passe là-bas.
‫Très bien.
‫C'est donc avec cela que vous pouvez jouer.
‫Et il existe de nombreuses autres propriétés que vous pouvez consulter pour la boîte de mot de passe.
‫Très bien.
‫Je vais donc retourner à mon étoile.
‫Et ce que je voudrais aussi ajouter, c'est une longueur de mixage.
‫Vous pouvez donc voir qu'il existe quelque chose appelé propriété de longueur maximale.
‫Et ici, vous pouvez spécifier combien de temps le mot de passe doit être maximum.
‫Cela ne devrait donc pas dépasser, disons, huit caractères, car je veux juste avoir cette boîte
‫de connexion très simple.
‫Et certaines personnes sont très déçues par ce genre de boîtes pop où vous ne pouvez avoir que huit caractères car certains mots de passe
‫sont juste plus longs et les gens doivent alors penser à de nouveaux mots de passe.
‫Donc, chaque fois que vous utilisez quelque chose, je serais très prudent avec cela.
‫Donc, la prochaine longueur, peut-être quelque chose comme vingt-cinq ou 20 devrait être bon pour aller.
‫Mais huit, disons que j'en ai huit et que je veux ajouter un autre personnage Duder à mon mot de passe.
‫Ce n'est pas possible.
‫Vous pouvez donc voir huit caractères, rien de plus, donc vous pouvez le limiter tout de suite sans avoir
‫à en informer l'utilisateur par la suite.
‫Hé, ce mot de passe est trop long car vous ne pouvez entrer qu'un nombre spécifique de caractères.
‫Très bien.
‫C'est ainsi que vous pouvez utiliser la zone de mot de passe dans votre interface utilisateur.