Créer une application de prise de notes simple dans Godot

1. 01 Introduction: Bienvenue, et si ce cours vous intéresse, vous pouvez voir si nous allons procéder et créer nous-mêmes une note, et vous pouvez voir ici à l'écran le type de sujets que nous allons aborder. Et nous allons le faire du point de vue d'un débutant, en essayant de simplifier les choses plutôt que de les compliquer trop. Nous allons tirer parti de certaines fonctionnalités du moteur Gatto pour les rendre simples ou aussi simples que possible Et vous pouvez voir ici que nous avons des caractères gras, italiques, soulignés, barrés, mettant en évidence la taille de police, les couleurs de police, la liste ordonnée, la liste non ordonnée, ainsi que des tableaux centrés et non centrés avec ou sans C'est vrai. Donc, si vous souhaitez créer cette petite application de notes, inscrivez-vous au cours. Nous nous concentrons donc sur l'exportation pour les appareils Android. C' exportation pour les appareils Android est pourquoi il est conçu sous forme de portrait comme celui-ci. Je vais vous montrer comment créer toutes vos clés de débogage, vos clés de déverrouillage, vos mots de passe et tout ce dont vous avez besoin pour effectuer une exportation vers Android Si vous souhaitez simplement le créer pour votre bureau, c'est parfaitement bien. Comme vous pouvez le voir, je l' ai fait fonctionner ici. Bien sûr, il s'agit d'un moteur, mais je pourrais aussi simplement exporter et exporter une copie de Windows, et cela fonctionnerait très bien, exactement de la même manière. C'est bon. Si cela vous intéresse, cela ressemble à quelque chose que vous voulez faire, façon, vous pourrez prendre quelques notes pendant que vous suivrez des cours sur la plateforme à l' avenir, alors j'ai hâte de vous voir et si vous avez des questions, n'ayez pas peur de les poser. Et je ferai de mon mieux pour y répondre dès que j'en aurai l'occasion. 2. 02 Téléchargement de Godot: Hein ? Si le moteur n'est pas déjà installé, vous pouvez vous rendre directement sur le site Web de Goo ou sur le site Web de Goto, comme vous le souhaitez. Il vous suffit de vous rendre sur le site Web. Il s'agit de la page d'accueil. Vous pouvez cliquer sur Télécharger la dernière version. Et nous n'avons pas besoin de C sharp, vous pouvez donc ignorer la version .net Nous avons juste besoin de la version standard pour cela car nous utiliserons le script GD ou le script Godo Alors allez-y, il vous suffit de cliquer dessus et votre téléchargement commencera. Si vous préférez que cette mise à jour soit automatique à l'avenir, vous pouvez bien sûr toujours la désactiver, mais vous pouvez l'obtenir, et vous pouvez le récupérer de cette façon si vous le souhaitez. Maintenant, l'avantage de Steam, c'est que si vous accédez aux propriétés des jeux lorsqu'ils se trouvent dans votre bibliothèque, vous pouvez accéder à la section bêta et vous pouvez accéder à la section bêta et sélectionner la version de Godot que vous souhaitez Vous pouvez donc le modifier à la volée, et je vais prendre quelques instants pour faire une mise à jour rapide pour vous. Et ce serait tout. Alors que, si vous consultiez le site Web, vous devrez télécharger chaque version que vous souhaitez séparément. C'est donc à vous décider si vous voulez l'obtenir sur le site Web ou sur Steam. Cela dépend entièrement de vous. C'est ça. Nous n'avons pas vraiment besoin d' installer quoi que ce soit. Tu comprends, c'est tout. Si vous l' obtenez sur le site Web, vous obtiendrez un dossier zip. Allez-y et extrayez-le. Vous pouvez utiliser quelque chose comme Win RR, Wind Zip, seven Zip, pour ne citer que trois exemples. Et une fois que vous en avez extrait le contenu, c'est tout. Vous pouvez simplement continuer et double-cliquer sur le fichier exécutable. Si vous l'avez acheté sur Steam, bien sûr, vous pouvez simplement le sélectionner dans votre bibliothèque et appuyer sur Play. 3. 03 Setup du projet: Ainsi, lorsque vous lancerez le moteur Godot pour la première fois, vous obtiendrez un écran comme celui-ci Maintenant, vous pouvez avoir des fenêtres contextuelles, vous pouvez vous demander si vous souhaitez y ajouter des démos ou des exemples Tu peux continuer et simplement dire non. Ce n'est pas si grave. C'est à vous de décider. Je crois que si vous l'avez obtenu via Steam, vous pourriez l'avoir automatiquement intégré. Je n'en suis pas sûr à 100 % aujourd'hui. Mais de toute façon, peu importe . Ce n' est pas si grave. Les démos se trouvent juste à l'intérieur de la bibliothèque de ressources. Pour les projets. Maintenant, il y a beaucoup d'autres choses ici qui sont excellentes pour apprendre. Vous pouvez voir qu'il s'agit de projets ou de dépôts, de modèles que vous pouvez consulter et dont vous pouvez tirer des leçons, mais notre expérience ou pas notre expérience Mais ce que nous voulons ici, c'est simplement accéder à la section des projets, qui doit être sélectionnée par défaut. Nous allons cliquer sur le bouton Créer ici pour créer un nouveau projet. Et tu peux continuer et juste lui donner un nom. Je vais appeler cela mes notes, puis appuyer sur Create NetI Maintenant, si vous utilisez une machine plus ancienne, vous pouvez opter pour la compatibilité. Parce que ce moteur est supporté sur du matériel très ancien, ce qui est formidable car cela signifie que pratiquement tout le monde peut utiliser ce moteur. Maintenant, si vous avez une machine plus récente, vous pouvez utiliser Forward Plus, et si vous êtes sur mobile, ou si vous souhaitez l' installer sur mobile, vous pouvez essayer d'utiliser la version mobile ici. Mais il est possible que votre écran soit simplement noir lorsque nous l'utilisons Dans ce cas, vous voudrez peut-être le remplacer par compatibilité. Et vous pouvez changer cela une fois à l'intérieur, donc vous pouvez le changer à tout moment. Mais allez-y, sélectionnez simplement ce dont vous avez besoin, appuyez sur Créer un réseau, et donnez-lui un moment. Moi. Et je dois redimensionner cette fenêtre pour que vous puissiez également tout voir ici Maintenant, donne-moi une seconde. Très bien, voici à quoi ressemblera un tout nouveau projet pour vous. Maintenant, notre projet va être divisé en deux D. Vous pouvez donc voir en haut nous avons trois scripts en D, deux scripts en D et une bibliothèque d'actifs. C'est dans le script que nous allons recoder. Et cette barre, sur la gauche, représentera tous nos scripts sur lesquels nous pourrons cliquer et passer d'un script à l'autre. Les bibliothèques de ressources sont les mêmes que celles que nous avons vues au début, où nous pouvons examiner des projets, des outils et des éléments similaires créés par d'autres membres de la communauté. T. Et le deux D sera notre scène en deux D et ce avec quoi nous allons travailler. Maintenant, quand nous regardons cela, nous pouvons voir qu'il s'agit d'un écran large, et je le souligne parce que si vous voulez le créer pour votre bureau, vous pouvez continuer et le laisser sur un écran large comme celui-ci. Mais moi, si je jette un œil ici, ce cours est à la demande d'un étudiant. Donc, si nous examinons rapidement certaines des choses que nous voulons ici, base de texte, nous devons inclure une section de texte pour prendre des notes. Plus précisément, ils le veulent pour leur téléphone. Je vais donc changer cela pour en faire une verticale. Appli. Mais si vous le souhaitez, vous pouvez le laisser horizontal, si vous préférez, et ce n'est pas parce que nous le faisons verticalement que vous devez le mettre sur votre téléphone. Vous pouvez toujours le laisser et l'exporter sur votre bureau, si vous le souhaitez. Des éléments de l'écran tactile feront défiler la page vers le haut et vers le bas et effectueront des zooms avant et Ils veulent une barre d'outils située en bas de l'écran. La barre d'outils doit être rétractable. De préférence, si possible, une option pour surligner le texte. Disons maintenant qu'il existe un moyen de le faire. Mais c'est très compliqué et cela peut être très déroutant, surtout si vous êtes nouveau. Et même dans ce cas, cela ne fonctionne pas très bien. Cela pose quelques problèmes. Mais je vais vous montrer une solution afin que nous implémenter quelque chose comme ça de manière simple. Pour en revenir à cela, ils souhaitent également pouvoir modifier la police, la taille et la couleur, et ils souhaitent que ces options soient incluses dans la barre d'outils et dans la possibilité d'ajouter une nouvelle page. C'est bon. Eh bien, nous pouvons facilement faire tout cela. Et s'il y a autre chose que vous voudriez inclure dans ce cours, peut-être voudriez-vous développer cela davantage, puis je mettrai une section à la fin du cours, où vous pourrez soumettre quelques suggestions, et peut-être que nous développerons cela et que nous aiderons à en faire une meilleure application pour un plus grand nombre de personnes. Mais comme je le disais, je veux que ce soit un appareil vertical, puisqu'il s'agit d' un appareil de type téléphone. Et vous pouvez voir ce rectangle bleu ici. Vous devrez peut-être zoomer sur votre écran pour le voir. Mais c'est notre zone d'observation. Comme il s'agit d'un format écran large, je vais simplement accéder aux paramètres du projet, puis à l'intérieur de l' affichage et de la fenêtre. Vous allez voir la largeur et la hauteur de la fenêtre d'affichage. Ce sera votre zone de visualisation. Cela va affecter ce rectangle bleu. Donc, ce que je vais faire, c'est créer mon Wit 1080. Et je vais fixer la hauteur de ma fenêtre d'affichage à 1920. Et maintenant, si je reviens en arrière et que je ferme mes options. Il semblerait que soit je l'ai configuré, 1080 Hight 1920 C'est parti, enfin mis à jour, et je peux faire défiler la page, et je peux voir que mon écran a maintenant la forme suivante. Maintenant, je pourrais le mettre à 7 h 20, si je le voulais, mais je vais travailler à partir de 1080 parce que plupart des téléphones seront à 1080 à la verticale comme celui-ci ou plus que la majorité des téléphones que j'ai vus Et cela peut être un peu important si vous comptez l'utiliser sur un ordinateur de bureau. Donc, ce que nous pourrions faire, c'est venir ici, et encore une fois, nous pourrions simplement réduire ce chiffre à 720 pour l'esprit et à 12 80 pour la hauteur, ce qui facilitera également les tests. Donc, lorsque nous lançons cela, nous ne pouvons pas encore le faire car nous avons besoin d'une scène réelle. Mais de cette façon, lorsque nous l' exécutons, nous pouvons réellement tout voir sur notre écran au lieu qu'il s'éteigne. Mais c'est tout pour la configuration de notre projet. Nous pourrons continuer à partir ici et commencer à réfléchir à la manière dont nous pouvons ajouter certaines choses. 4. 04 Personnalisation: Ajoutez une dernière chose pour vous , très rapidement, parce que c'est quelque chose que je vais utiliser, et vous pourriez le vouloir. Peut-être pas, mais cela vous permettra de personnaliser un peu plus le moteur lorsque vous travaillez sur vos produits ou projets. Et c'est un plugin que j'ai créé et qui se trouve dans la bibliothèque d'actifs. Donc, si nous cliquons sur asset live en haut, que nous lançons notre recherche, et que vous recherchez simplement le mot arrière-plan, vous verrez l' arrière-plan de l'éditeur de code. Et on clique dessus. Vous pouvez voir ici que j'ai créé un plugin qui me permet de mettre des arrière-plans lorsque j'édite du code. Cela rend les choses un peu plus amusantes, un peu plus intéressantes, quelque chose d'un peu plus agréable que de simplement regarder un arrière-plan ordinaire Maintenant, si vous voulez le fond uni, c'est parfait. Mais si vous souhaitez avoir un peu plus de personnalisation, je vais vous le signaler ici. C'est totalement gratuit. Tu n'en as pas besoin. C'est à vous de décider, mais si vous le souhaitez, il ne nous reste plus qu'à cliquer sur Télécharger une fois sur cet écran. Donne-lui juste un moment. Nous allons obtenir cet écran ici. Des choses. Maintenant, je peux voir que certaines de mes images sont incluses, et nous n'en avons pas besoin. Je vais donc cliquer sur Modifier le dossier d'installation. Je suis désolée, pas celui-ci, les deux fichiers sont en conflit. Ils y ont des changements. Nous voulons appuyer sur cette petite flèche sur le côté. Descends. Nous voulons le dossier des extensions, mais nous pouvons sélectionner ou désélectionner le dossier des images Et allez-y et appuyez simplement sur le bouton d'installation. Et juste comme ça, nous l'avons sélectionné. Maintenant, nous devons l'activer directement dans les paramètres du projet. Vous verrez une section de connexion en haut, puis vous pourrez simplement l' activer pour l'activer, le fermer, et c' est tout ce dont vous avez besoin. Pour y accéder. C'est dans le coin supérieur gauche. Vous avez ces petites flèches, ou si votre écran est assez grand, vous les verrez simplement sous forme d'onglet ici. Et vous pouvez continuer et modifier l'opacité de l'image. En fonction de votre image, vous souhaitez la tweeter. Vous pouvez modifier le mode d' étirement ici. Donc, si vous voulez lier, vous pouvez changer l'arrière-plan pour sélectionner une image sur votre ordinateur. Vous pouvez placer un dossier ici si vous souhaitez avoir une image aléatoire à chaque fois que vous cliquez dessus, et vous pouvez appuyer sur le bouton de sauvegarde en haut à gauche pour qu'il soit conservé lorsque vous rouvrez le programme ou que vous rouvrez le moteur ultérieurement C'est bon. J'ai donc juste un script de test ici. J'ai juste fait un clic droit ici en bas et j'ai juste ajouté un script juste pour vous montrer ici. Si je double-clique pour l'ouvrir. Comme il s'agit de votre premier script, vous le remarquerez peut-être ainsi, et vous ne verrez aucune différence. Allez-y, passez sur le côté ici, redimensionnez-le et vous devriez le voir apparaître Il s'agit de l'image par défaut qui l'accompagne. Mais comme je l'ai dit, vous pouvez changer arrière-plan et choisir n'importe quoi sur votre ordinateur, et vous pouvez modifier cette opacité comme vous le souhaitez Si vous voulez simplement être très minimal, vous pouvez certainement le faire. C'est juste quelque chose à souligner pour vous permettre personnaliser un peu plus votre éditeur. Et si vous souhaitez en modifier davantage, peut-être le thème de votre moteur, rendez-le un peu plus personnel. Nous pouvons aborder l'éditeur et les paramètres de l'éditeur. Et si je cherchais simplement le mot thème, nous pouvons voir le thème de l'interface et il y a quelques préréglages ici une liste déroulante que vous pouvez consulter, ou vous pouvez utiliser des couleurs personnalisées pour la couleur de base et la couleur d'accent Vous pouvez donc le parcourir et le configurer vous-même si vous souhaitez le personnaliser un peu plus. Génial. Et comme préférence personnelle, vous allez dans le système de fichiers ici et regardez vers la droite, vous verrez ces trois points. Si vous cliquez dessus, vous pouvez voir que vous avez la possibilité de vous déplacer vers le bas. Et si vous le faites, vous aurez quelque chose qui ressemble plus à l' irréel dans l'unité Donc, si vous venez de ces moteurs ou si vous avez l'habitude de regarder des amis ou des vidéos là où c'est en bas, ou peut-être que vous préférez simplement là-bas après l'avoir vu ici. C'est tout ce que vous avez à faire pour le mettre là, et si vous voulez vraiment le remettre en place, vous pouvez faire la même chose, cliquer sur les trois points et fermer. Oh, il semblerait que nous ayons trouvé une erreur. On dirait que cela doit être corrigé dans le moteur ici. Très bien, cela dépend entièrement de vous. Si vous voulez le poser là, ou simplement le laisser de côté. Ça ne va rien faire de mal. C'est juste une préférence personnelle. Les paramètres de l'éditeur sont là si vous souhaitez modifier l'apparence de votre éditeur pour le modifier un peu Si vous voulez aller plus loin, consultez la bibliothèque de ressources, et vous pourrez utiliser ce plug-in pour ajouter une image à votre arrière-plan. D'accord. C'est tout pour ça. Nous allons passer à l'action , commencer à travailler sur le code l'apparence et lancer les choses dans la prochaine vidéo. 5. 05 scènes et nœuds: Maintenant, ne vous inquiétez pas. Si vous avez accidentellement fermé le système de fichiers, comme je l'ai fait, vous pouvez simplement vous diriger vers le haut et accéder à l' éditeur Editor Docs, et vous trouverez les systèmes de fichiers juste là. Vous cliquez dessus, et vous le récupérerez. Maintenant, personnellement, je vais aller de l'avant et placer le mien ici en bas. Donc, quand j'en ai besoin, je peux simplement en parler. Je peux jeter un œil à tous mes fichiers ici . Et nous serons prêts à partir. Mais je vais continuer et supprimer ce script maintenant. Nous pouvons donc réellement commencer. Nous allons fermer ceci en cliquant avec le bouton droit sur mon script ici. Ensuite, nous allons accéder à mon système de fichiers, cliquer dessus avec le bouton droit de la souris et simplement supprimer. Appuyez sur Move, et c'est bon. Je peux donc revenir, et nous reviendrons à notre point de départ. Alors, par où commençons-nous ? Que devons-nous faire ? D'accord, nous devons donc être en mesure de taper du texte, et nous devons bien sûr être en mesure de prévisualiser notre résultat final Je vais juste faire un zoom arrière ici en faisant défiler la page. Je vais vérifier quelle est ma résolution ici, car j'ai redémarré l'éditeur, 720 x 12 80. D'accord. J'espère que cela est réellement mis à jour ici. Mais nous allons donc aller de l'avant et comment voulons-nous que cela se produise ? Eh bien, nous voulons un texte. Nous allons donc passer à notre interface utilisateur, et cela nous donnera un nœud de contrôle de base ici dans notre scène. Maintenant, ce nœud de contrôle situé en haut va être ce que nous appelons le nœud racine de notre scène, et une scène c'est juste. Eh bien, une scène peut être beaucoup de choses. Une scène est composée de nœuds, qui sont ces composants individuels que nous pouvons ajouter ici. Et pour cette scène, cette scène peut être n'importe quoi, non ? Cela peut être un niveau, cela peut être un joueur, cela peut être un menu. Et dans notre cas, ce seront presque tous des menus. Composants de l'interface utilisateur. Maintenant, je vais simplement double-cliquer sur ma note de contrôle ici et lui donner un nom. J'aime appeler ma scène principale simplement « principale ». Et je vais appuyer sur le contrôle S pour le sauvegarder. Va. Maintenant, j'ai une scène principale ici, et je peux continuer et me diriger vers le haut à droite. Et si vous le souhaitez, vous pouvez appuyer le bouton de lecture ou sur le raccourci F cinq. Vous obtiendrez un écran comme celui-ci et vous pourrez continuer et appuyer simplement sur Sélectionner le courant. Personnellement, j'aime lancer et exécuter la scène actuelle, c' est-à-dire F six, mais vous devrez définir une scène principale à un moment donné avant de l'exporter, alors gardez cela à l'esprit. Et je jette un œil ici, 720 P. À la verticale, il semblerait que cela remplira parfaitement mon écran. Donc pour vous, vous devrez peut-être modifier ce chiffre , mais cela dépendra de vous Parce qu'évidemment, je ne connais pas l'écran de tout le monde et tout le monde aura des écrans différents, des tailles et des résolutions différentes. Mais pour moi, le 720 P va parfaitement convenir. C'est bon. J'ai donc juste appuyé sur le bouton de fermeture. Alors maintenant, de quoi avons-nous besoin ? Nous avons besoin d'un endroit pour taper. Je vais donc appuyer sur le bouton plus avec mon principal sélectionné. Et pour saisir du texte, nous allons avoir besoin de ce que l' on appelle une modification de texte. Maintenant, si je zoome, je peux le voir, et nous verrons toutes ces petites poignées ici. Vous pouvez simplement aller de l'avant, prendre un coin et le sortir. Maintenant, vous allez voir si vous lancez cette scène, vous pouvez cliquer dessus et commencer à taper. Génial. Cool. Maintenant, il y a quelque chose sur lequel nous allons devoir prendre une décision. Maintenant, en raison de la façon dont nous allons devoir configurer cela, nous pouvons soit avoir un aperçu. Avec tous nos petits effets couleurs, reflets, etc., remplissez complètement notre écran ou nous pouvons le diviser en deux. Et cela dépendra entièrement de vos préférences personnelles. Je vais vous montrer comment faire les deux, puis ce sera à vous de décider lequel vous déciderez. Donc, si vous voulez me suivre, super, si vous voulez choisir l' autre option et rendre la vôtre un peu plus unique avec votre propre petite saveur, c'est parfaitement bien aussi. Donc, tout d'abord, je vais vous montrer comment faire une vue partagée. Donc, au cas où vous voudriez le faire, placez votre texte en haut, puis votre aperçu en direct en bas. Je vais vous montrer comment le faire très rapidement. Et pour ce faire, nous devons en fait cliquer sur notre page principale. Cliquez sur le signe plus, et nous allons rechercher ce que l'on appelle un conteneur divisé en V, et l'ajouter. Maintenant que notre V est divisé, nous pouvons simplement remplir tout notre écran. Je vais y chercher mon texte et le mettre dedans. Cela va être un peu aveuglant pour vous au début, mais je vais cliquer sur le conteneur divisé en V, appuyer sur le signe plus, et nous allons chercher une épave de couleur De cette façon, nous pouvons avoir une couleur de fond. Et c'est blanc par défaut. Je vais aller de l'avant et assombrir un peu les choses, mais sans les emmêler, non Je vais aller jusqu' au noir juste pour que nous puissions voir clairement la différence Vous pensez peut-être que votre texte a disparu, mais si vous zoomez, vous verrez cette barre ici, et cette barre sera vraiment importante pour nous ici dans une seconde. Donc, si nous voulons jouer notre scène, vous allez voir que nous pouvons la saisir, car nous déplaçons le curseur vers le haut, nous pouvons cliquer et faire glisser le curseur vers le bas. Et cela devrait également fonctionner au toucher. Si vous le touchez simplement pour le saisir , puis faites glisser votre doigt de haut en bas, vous devriez également être en mesure d' y parvenir. Donc, si vous voulez créer ce type de conteneur divisé comme celui-ci, vous devriez être capable de le faire, très bien. Pour ma part, je ne pense pas avoir vraiment envie de le faire. Mais qui sait ? Il se peut que je change d'avis au fur et à mesure que nous commencerons. Mais c'est à vous de décider si vous voulez utiliser ce style partagé. Et si vous souhaitez définir cette division par défaut, il suffit de sélectionner notre conteneur V split. Regardez sur le côté droit, et nous pouvons voir toutes nos options ici. Donc, si nous définissons notre décalage fractionné, par exemple 100, nous pouvons voir notre décalage commencer ici. Il va donc être déplacé vers le bas. Nous pouvons donc descendre et nous pouvons dire 640. Par exemple, cela devrait nous donner une division médiane égale, sorte que lorsque nous jouerons notre scène, elle commence juste au milieu pour nous. Ensuite, nous pouvons commencer à taper et nous pouvons le remplir très bien. Passons maintenant à l'aperçu, nous pouvons passer en revue notre épave de couleurs. Sélectionnez-le. Nous pouvons appuyer sur le bouton plus. Ensuite, ce que nous allons rechercher, c'est une étiquette en texte enrichi. Et je vais juste le sentir à la taille réelle de notre couleur, etc. pour le moment. Et je peux ajouter du texte d'espace réservé ici. Et vous verrez quand nous l'aurons lancé. Lorsque nous faisons glisser notre fente, nous ne la recouvrons pas, de sorte qu'elle bouge réellement. Vous n'avez donc pas à vous soucier de le dissimuler. Donc, si vous souhaitez travailler avec un split, vous pouvez le faire glisser jusqu'en bas si vous voulez vous concentrer sur la saisie, vous pouvez le faire glisser jusqu'en haut si vous souhaitez vous concentrer sur l'aperçu. Et maintenant que j' y pense. Il se peut que je veuille le faire de cette façon. Je sais que j'étais un peu hésitant au début, mais tu sais quoi ? Je crois que j'aime bien ça. Je crois que j'aime bien le fait de pouvoir soit monter jusqu'en haut pour le regarder, soit le tirer jusqu'en bas pour m'en débarrasser. Et si vous le faites glisser jusqu'en bas, c'est comme s'il n'était même pas là, et vous pouvez le saisir et le déplacer vers le haut de toute façon. Mais bien sûr, nous devons être conscients que lorsque vous le lancez, vous pouvez obtenir votre menu actuel et vous pouvez finir par cliquer sur Retour ou sur Accueil, etc. Nous devons donc en tenir compte également Mais cela signifie que nous devrions y mettre une sorte de limite. Maintenant, il y a un problème lorsque nous l'avons configuré. Donc, si je vais de l'avant et que je l' agrandisse parce que vous savez, peut-être que notre téléphone est un peu plus large, peut-être qu'il est un peu plus long, et vous voyez que nous avons tout cet espace supplémentaire autour de lui. n'est pas ce que nous voulons. Nous voulons que notre application occupe réellement la totalité de notre écran. Je vais donc simplement cliquer sur mon conteneur V split. Vous verrez ces petites épingles vertes fur et à mesure que nous cliquons C'est ce que l' on appelle une ancre. Ce qui est cool, c'est que vous pouvez la placer et la coller sur certaines parties de l'écran. Donc, si je devais sélectionner mon conteneur fendu en V ici, montez ici en haut et vous verrez un cercle vert. Avec ce qui semble être un petit plus. Nous pouvons cliquer dessus, et voici le préréglage. Donc, si je devais le placer au centre, par exemple, et si nous l'exécutons, et vous verrez, quelle que soit la largeur que nous allons, il sera toujours au centre de l'écran, et il fonctionnera de la même manière pour la verticale également. C'est génial Alors, que devons-nous faire ? Eh bien, idéalement, nous voulons sélectionner la dernière option appelée full ret. Et cela va complètement remplir notre écran. Donc, si notre téléphone est un petit garçon comme celui-ci, et qu'il semble que c'est plutôt une tablette sur laquelle vous allez le mettre, vous allez l'avoir bien rempli comme ça Si vous mettez votre téléphone en mode paysage, c'est parti. Vous avez peut-être quelque chose d'un peu plus semblable. Si votre téléphone est en mode portrait, n'est-ce pas ? Quelque chose d'un peu plus fin, mais long, ça va quand même tout remplir complètement. Vous devriez donc opter pour cela. De cette façon, il remplira tout, quel que soit l' appareil sur lequel il est installé. Et c'est génial. C'est ce que nous voulons. De cette façon, nous avons la plus grande compatibilité avec toutes nos options. Maintenant, en parlant de compatibilité. J'ai mentionné lors de la configuration que vous pouviez modifier cette option de transfert mobile ou de compatibilité à tout moment. Et vous pouvez le faire dans le coin supérieur droit de l'éditeur. Vous en verrez plus de quatre ici. Vous cliquez dessus et vous pouvez sélectionner l'une de ces trois options à tout moment. Maintenant, si vous modifiez cela, vous allez devoir redémarrer l'éditeur et rouvrir votre projet Mais c'est à toi de décider. Et encore une fois, quelques tests pour voir ce qui fonctionne le mieux sur votre appareil lorsqu'il s'agit de l'exécuter dessus. R, je vais aller de l'avant et arrêter cette partie ici parce que nous avons une belle petite installation ici. Nous avons un endroit pour taper. Nous avons un endroit où nous pouvons prévisualiser, et nous avons une belle petite répartition ici pour nos propres options. Prochaine. Dans la vidéo suivante, nous allons procéder synchronisation de nos deux parties de texte ici Ça, peu importe ce que nous tapons ici. Nous pouvons prévisualiser le résultat final sur 6. 06 Texte et aperçu: Donc, avant d'entrer dans le vif du sujet, je vais simplement renommer certains de mes nœuds De cette façon, cela a un peu plus de sens lorsque nous les référençons. Donc, Color Rep. Je vais continuer, double-cliquer dessus, et je vais le renommer en aperçu en arrière-plan Mon étiquette en texte enrichi. Je vais le renommer, et je vais le configurer sur l'aperçu du texte Modification du texte. Je pourrais le laisser, et je pense que je le ferai, et je laisserai également le contenant scindé aux UV. OK, alors allons-y et synchronisons notre texte ici pour le moment où nous le saisirons Je vais sélectionner tous les textes sur le côté droit dans l'inspecteur avec mon aperçu du texte ou mon étiquette de texte enrichi sélectionné, et je vais simplement le supprimer. Et je déteste contrôler S juste pour le sauver. Maintenant, la question est : où est-ce que je veux mettre mon script ? Maintenant, dans ce cas, je pourrais procéder à l'édition de texte elle-même, mais je pense que je veux que tout reste un peu plus cohérent dans ce projet Je vais donc placer mon script sur mon nœud principal. Je me souviens que c'était un contrôle. Cela sera également appelé le nœud racine de notre scène. Je vais donc cliquer sur mon nœud de contrôle ou sur mon nœud principal. Et je vais cliquer sur cette petite icône juste au-dessus. On dirait un livre blanc avec un point vert. C'est ainsi que nous y ajoutons un script. Et quand vous faites cela, vous devriez voir cette fenêtre apparaître ici. Maintenant, si vous aviez la version .net, vous verrez également C sharp ici, mais si vous avez obtenu la version standard, comme je l' ai mentionné, dans la vidéo sur l'acquisition du moteur Vous ne devriez voir que le script GD. C'est tout ce dont tu as besoin. Il va hériter d'un contrôle Et c'est parce que ce type, souvenez-vous, est un nœud de contrôle. Donc, quel que soit son type, il doit en hériter Et si jamais vous oubliez de quel type il s'agit, vous pouvez simplement le survoler Je n'annule pas cet audit très rapidement. Si je passe juste dessus . Nous pouvons voir qu'il est écrit main, puis tapez control. Donc, si jamais vous l' oubliez, vous pouvez simplement le survoler et vous pourrez le voir Le modèle, pas par défaut, conviendra parfaitement dans tous les cas. Et si vous souhaitez vous y intéresser, vous pourrez créer vos propres modèles ultérieurement. Et cela vous aidera peut-être à réutiliser du code que vous avez déjà configuré au fur et à mesure que vous gagnerez en expérience au cours de votre voyage Trajectoire. C'est ici que vous souhaitez l'enregistrer, y compris le nom de votre script. Je peux juste le laisser en résolution. C'est parfaitement bien. Je laisse le nom de mon script Mine, et GD est l'extension d'un fichier de script GD Hein ? Je vais donc simplement continuer et appuyer sur Créer. Et nous avons notre scène. Maintenant, je vais juste faire glisser cela un peu, afin que mon arrière-plan puisse être mis à jour. Allons-y. Et je pense que je veux changer un peu mon opacité. Rendez-le un peu plus subtil. Génial OK. Voici donc notre scène, et nous voulons que notre texte soit mis à jour. OK. Comme vous pouvez le voir ici, nous avons des commentaires. Et les commentaires commencent par ces balises de hachage, ces symboles en forme de livre ou ces signes numériques, selon ce que vous voulez mettre en colonne Et un commentaire vous permettra de taper ce que vous voulez, et cela sera ignoré dans notre script lorsque notre code s'exécutera. Vous pouvez donc l'utiliser pour vous écrire de petites notes, comme le début ici. Eh bien, vous obtenez votre première note ou la fonction Ready, c' est la première chose qui s' exécutera lorsque ce script sera chargé. Et le processus va exécuter chaque image. Donc, si votre programme s'exécute à 100 images par seconde, tout ce qui se trouve dans cette section s'exécutera 100 fois par seconde. Maintenant, processus, nous n' en aurons pas besoin pour le moment. Je vais donc simplement le surligner et appuyer sur Retour arrière pour le supprimer Et je vais continuer et simplement supprimer ces commentaires ici. Si tu veux les garder, c'est parfait pour toi. Mais je vais juste m'en débarrasser pour qu'il soit un peu plus propre pour moi. Personnellement, je n' aime pas les commentaires, mais si vous êtes nouveau, je peux voir en quoi ils peuvent certainement être utiles, surtout si vous souhaitez revenir en arrière et référencer votre code plus tard. Je suis donc allée de l'avant et je l'ai enregistrée très rapidement avec Control S. Alors maintenant, que voulons-nous faire ? Chaque fois que notre texte change et que notre texte est modifié, je vais le lancer ici. Ainsi, chaque fois que notre texte change, n'est-ce pas, et que nous le tapons ici, nous voulons que cela se reflète en bas de notre aperçu. D'accord ? Eh bien, nous avons de la chance, nous n'avons pas à donner notre mot à dire dans le processus, par exemple. Donc, si j'écris ça très vite, juste pour te montrer, et juste pour le mettre très rapidement. Et je vais vous expliquer cela dans une seconde. C'est une critique. Quel devrait être l' inverse ? C'est bon. J'ai donc pris de l'avance et j'ai tapé ici. Et ce que j'ai fait, c'est que j'ai obtenu mon nœud. Maintenant, vous le remarquez ici sur ce chemin, n'est-ce pas ? Parce que notre script est ici sur notre page principale. Pour accéder à cet aperçu du texte, si je clique dessus, vous pouvez voir ces petites branches sur la gauche, qui entrent dans la scène. Donc ça va vers la gauche et ça monte. Il s'agit de l'aperçu de l'arrière-plan. Puis ça va vers la gauche, ça monte. Nous obtenons un conteneur divisé en V, nous allons vers la gauche et vers le haut et nous atteignons enfin le nœud principal, c' est-à-dire notre script. est donc ce chemin que vous devez suivre pour obtenir le bon nœud, et il existe plusieurs façons d'obtenir des nœuds. Je vais vous montrer une méthode beaucoup plus simple dans un instant. Mais il est important de savoir comment les obtenir au cas où vous en auriez besoin. Et j'ai juste fait la même chose pour obtenir l'édition de texte normale. Et ce que je fais, c'est obtenir la propriété du texte, et je la définis à partir de notre édition de texte. Il s'agit essentiellement de copier ce texte et placer dans la propriété de texte d'aperçu du texte. Donc, si je devais l'exécuter, cela fonctionne parfaitement bien, comme vous pouvez le voir ici, même avec de nouvelles lignes, c'est génial, car nous descendons. Parfait, cool. Et nous avons même cette barre ici pour que nous puissions faire défiler la Qu'est-ce qui est plutôt chouette, non ? C'est vraiment cool. Nous n'avons même pas eu à faire quoi que ce soit de plus pour cela. Mais il existe un moyen plus simple, car ce que cela fait, souvenez-vous qu'il le fait, plusieurs fois 60 fois, 30 fois, des centaines, peut-être même des milliers de fois par seconde. Et bien que cela fonctionne, nous devrions vraiment éviter de le faire, d' autant plus que c'est totalement inutile. Et la façon dont nous pouvons éviter cela s'appelle des signaux. Maintenant, lorsqu'un événement se produit, un signal est envoyé, puis il apparaît. Eh bien, ça n'en a pas l'air, mais quelque chose cherche à envoyer ce signal, n'est-ce pas ? Ainsi, par exemple, si notre éditeur de texte est le commissaire Gordon, il va envoyer un signal de chauve-souris. Et puis notre aperçu du texte ici peut agir comme cet homme et garder un œil sur ce signal pour voir s'il le reçoit, n'est-ce pas ? Il a besoin de recevoir ce signal pour pouvoir agir. Et comment peut-il agir alors qu'il peut se présenter une scène de crime ou qu'il peut se présenter à Gordon pour parler, n'est-ce pas ? Il doit faire tout ce qu'il doit faire pour répondre à ce signal. Nous devons donc également le configurer ici. Je vais donc passer à l'édition de mon texte, droite, mon commissaire Gordon. Je vais aller sur le côté droit et regarder en haut. Nous avons ces onglets. Je vais sélectionner l'onglet Nœud. Et vous verrez toutes ces choses s'effondrer. Ce sont tous des signaux différents. Maintenant, celui que nous recherchons s'appelle le changement de texte, n'est-ce pas ? Cela va donc envoyer un signal chaque fois que nous tapons quelque chose de nouveau ou que nous supprimons quelque chose. Donc, si nous double-cliquons simplement dessus, nous devrions voir apparaître cette fenêtre contextuelle pour notre signal, et nous voulons le connecter au Maine. Maintenant, nous ne pouvons le connecter qu'à quelque chose auquel un script est attaché. Et vous verrez que la méthode est automatiquement renseignée ici en bas. Et le nom par défaut est parfait. Nous n'avons rien à faire à l'avance. Nous pouvons simplement continuer et appuyer sur le bouton de connexion. Et juste comme ça, vous verrez cette fonction créée, et vous verrez cette petite icône verte sur la gauche. Cela nous indique qu'il s'agit d'un signal lié à cette fonction. Et si vous passez la souris dessus, vous pouvez réellement cliquer dessus. La malédiction de votre souris va changer, et si vous cliquez dessus, vous verrez que vous obtiendrez les informations ici, donc vous verrez que le signal est un changement de texte. Cela vient du dédit du texte, et c'est connecté à notre compte principal Nous pouvons donc voir toutes ces informations ici. Donc c'est génial. Il arrive que vous oubliiez ou que vous ne sachiez pas où il se trouve. Tu peux le faire. De plus, à l'intérieur de votre signal, vous remarquerez le même symbole ainsi que le nom de la fonction qui y figurent. Vous pouvez cliquer dessus avec le bouton droit de la souris et sélectionner Aller à la méthode, et cela vous amènera à cette partie de votre script. Donc, si vous oubliez ou si vous ne savez pas où il se trouve, vous pouvez toujours savoir où il est connecté, à quoi il est connecté et qui envoie ce signal. Alors, que devons-nous faire ? Eh bien, lorsque ce texte change, nous devons définir le texte de notre aperçu du texte. Maintenant, vous avez vu que j'ai dactylographié ces longues ficelles, n'est-ce pas ? J'ai touché le signe du dollar, puis nous avons eu ces longues choses comme ça. C'est même si cela fonctionne, c'est un peu moche, et nous pouvons régler cela bien plus tôt. Je vais juste taper pass there pour me débarrasser de cette erreur. Mais ce que nous pouvons faire, c'est revenir au début de notre script après les extensions, mais avant d'être prêts. Et nous pouvons utiliser le signe arobase et taper « prêt ». V R pour variable, le nom de notre variable. Je vais donc simplement l' appeler aperçu du texte. Je vais juste faire en sorte que ça reste pareil. Ensuite, ce que nous pouvons faire est égal à égal, puis nous pouvons créer cette très longue chaîne. Le signe dollar du conteneur divisé en V, arrière-plan avec barre oblique, aperçu, aperçu du texte Et ce que c'est, est-ce que cela va continuer, donc cela va le faire dans le cadre de notre fonction prête à fonctionner pour nous. Nous allons créer cette variable, et nous allons l' affecter à cette valeur. À l'intérieur de notre fonction prête à l'emploi. C'est l'équivalent de si nous descendions et faisions ce qui suit. Ce serait donc l' équivalent de ce que nous faisions. C'est effectivement ce qui s'est passé. Nous créons notre variable, puis sur la fonction prête, elle est assignée. Maintenant, c'est une façon de procéder. Personnellement, je ne veux pas le faire de cette façon. Et la façon dont je vais le faire, c'est que nous n'avons même pas besoin de taper des choses aussi longues. Nous pouvons complètement éviter cela. Et au lieu de « prêt », nous ne faisons que mettre le signe «   at » et le taper. Et nous avons cette erreur et c'est parce que nous devons lui dire de quel type il s'agit. Maintenant, tapez, si vous remarquez qu'il agit d'une couleur verdâtre comme celle que nous voyons en haut avec Control, et cela s'appelle une classe Cela nous indique simplement de quel type d' objet il s'agit ou, dans le sens de nous, quel type de nœud nous recherchons. Je vais donc mettre un espace deux-points. Et n'oubliez pas que notre aperçu du texte est une étiquette de texte enrichi. Nous allons donc continuer, tapez rich. Oups, étiquette en texte enrichi. Maintenant, la capitalisation est importante ici. Une minuscule n'est pas la même chose qu'une majuscule. Alors allez-y, souvenez-vous de cela et revérifiez cela. Si vous vous trompez, vous devriez pas avoir d'erreur ici, et cela devrait ressembler à ceci dans Export V text preview colon rich text label. Cela va donc nous indiquer que notre variable doit être une étiquette en texte enrichi. C'est ce qu'on appelle aussi le typage statique, car vous attribuez un type à cette variable Et le port va nous permettre de voir cela à l'intérieur de notre inspecteur. Donc, si nous cliquons sur l' inspecteur sur la droite, et que nous cliquons sur notre nœud principal auquel est joint notre script, vous verrez que nous avons une section ici qui contient en fait le nom de notre variable, qui est un aperçu du texte. Et à droite de celui-ci, nous avons ce bouton assigné. Et si nous cliquons dessus, nous verrons que tout est noté, à l'exception de l' étiquette de texte enrichi qu'il recherche Et on peut cliquer dessus. Ou vous pouvez simplement le récupérer de votre scène, le faire glisser dessus et le déposer dedans également. Et cela fonctionnera également. Tu vois, maintenant ça n'a plus d'importance. Si nous allons de l'avant et réorganisons cela, nous y aurons toujours accès C'est génial, et nous n' avons rien à taper, donc nous n'avons pas non plus à nous soucier des fautes Cela fonctionne donc déjà à merveille. Alors, de quoi avons-nous besoin ? Nous avons besoin de notre édition de texte, non ? Je vais donc continuer et faire la même chose pour mon édition de texte. C'est vrai. Je vais donc dire port, Var, édition de texte. Oh. Maintenant, regardez ça. Je change de couleur sur nous. Cela nous indique qu'il s'agit d'un cours. Je ne peux donc pas le faire de la même manière car la classe est dactylographiée de la même manière Je vais donc utiliser un t minuscule dans le nom de ma variable. Ensuite, je peux faire deux points et le saisir en éditant le texte avec une majuscule. Maintenant, je peux continuer et l'assigner. N'oubliez pas qu'il ne recherche qu'un type d'édition de texte. Double-cliquez dessus. Et nous y voilà. J'ai maintenant mon édition de texte et mon aperçu de texte. OK. Donc, ce que nous allons faire, c'est obtenir la propriété du texte si je clique sur mon texte pour modifier ma scène. Regardez dans l'inspecteur, nous pouvons voir cette propriété de texte ici. Et si je le survole, vous pouvez voir qu'il est écrit « texte de propriété », et c' est ainsi que nous y accédons Texte en majuscules. Nous pouvons donc aller de l'avant et obtenir variable d'édition de texte que nous avons créée et créer du texte à points. Et cela va nous permettre d'accéder à cette propriété de texte à partir de là. Et en fait, nous faisons cela dans l'autre sens. Je n'arrête pas de les mélanger là-haut, mais nous voulons d'abord l'aperçu du texte, et nous voulons en obtenir la propriété textuelle. Et nous allons lui attribuer un signe égal. Et définissez-la comme étant égale à notre variable d'édition de texte et à sa propriété de texte. Nous prenons donc la propriété text, quelle que soit sa valeur, quel que soit le contenu de cette boîte. Nous allons le prendre , et nous allons le copier dans notre aperçu du texte dans sa zone de texte. Donc, si nous lançons la scène, vous devriez voir maintenant que si vous tapez, vous devriez la voir apparaître en haut et en bas de votre écran. Hein ? Génial Encore une fois, vous pouvez continuer et taper quelques nouvelles lignes par type, et vous pouvez voir que tout fonctionne parfaitement bien, nous voyons nos textes être imités ci-dessous Tellement génial. Cela a très bien fonctionné. Maintenant, quelque chose que je veux définir. J'ai envie de descendre. Jetez un œil à l'aperçu de mon texte, et je voudrais jeter un œil aux ancres. Si je le mets sur full re, cela remplira complètement mes fesses. Je vais donc aller de l'avant et le faire. Parce que si je l'avais remarqué avant, non ? Avec mes ancres pour envoyer ce coin supérieur pour mon aperçu. Quand je lance ça, j'ai juste besoin d'un tas de lignes. Je vais juste y aller et le spammer. Nous pouvons constater que nous avons cette barre, ce qui est formidable, mais au fur et à mesure que nous la modifions, nous pouvons voir qu'elle remonte complètement avec elle. Si vous regardez de plus près, je vais changer la couleur de mon aperçu ici. Rapide, en cliquant sur le fond. Prévisualisez, saisissez de la couleur dans les effets. Et si je devais l' éclaircir, mets-y un peu de couleur Nous devrions pouvoir le voir un peu plus facilement. Vous pouvez donc voir la barre juste ici, et nous pouvons voir la couleur s'arrêter ici. Cela ne continue donc pas tout en bas, comme le fait la barre supérieure. Je vais donc simplement sélectionner l' aperçu de mon texte et définir les ancres pour qu'il soit complètement détruit Vas-tu avoir besoin de le mettre à jour ? Non Nous pouvons donc voir qu'il est déjà mis à jour pour nous sans que nous ayons à le relancer. Mais maintenant, cette barre reste et remplit le fond. C'est bon. Parfaitement génial Très bien, je vais juste modifier cette couleur parce que nous n'avons plus besoin de la voir Je voulais juste te le faire remarquer. Mais bon, maintenant nous avons cette copie. Parfaitement bien. Cela fonctionne parfaitement. J'ai appris un peu plus sur les signaux. Et si vous n'avez jamais travaillé avec des variables auparavant, il ne s'agit que d'un moyen de stocker une donnée . Pour nous, c'est un mot. Maintenant, on peut le mettre ici. Et en tapant ce mot, nous pouvons accéder à toutes les données qu'il contient. Dans ce cas, les nœuds auxquels il accède. Mais bon, ça suffira pour celui-ci. Nous sommes allés de l'avant et notre texte fonctionne. Vous avez appris ce qu'étaient les signaux. Et si c'est la première fois, j'espère que ce n'est pas trop confus pour que vous commenciez. 7. 07 Setup de la barre d'outils: Aujourd'hui, dans cette vidéo , nous allons parler de la mise en place d'une barre d'outils. Maintenant, revenons à la demande de la personne qui souhaitait que ce cours crée elle-même des notes. Ils voulaient leur barre d'outils en bas. Si vous le voulez au sommet, vous pouvez le faire. Si vous voulez le mettre sur le côté, vous pouvez le faire. C'est à vous de décider quand il s'agit de cela. Mais comme on m'a demandé de le mettre en bas, je vais le mettre en bas. Et pour ce qui est de la façon dont nous allons procéder, je vais aller chercher mon contenant fendu en V, et je vais juste le sortir un peu. Donne-nous un peu d'espace. Et cela va juste prendre quelques ajustements, quelques essais et erreurs pour voir ce qui s'affiche bien à l'écran ici et ce qui convient à votre téléphone. Ça, je vais cliquer sur mon nœud principal sur le côté positif, et je vais ajouter une case à huit. Et cela signifie simplement un conteneur horizontal. Pour cela, nous allons placer notre ancre en bas, nous voulons donc sélectionner la largeur du bas. Ensuite, nous pouvons simplement saisir le manche orange et le tirer vers le haut. Tu sais quoi ? Je pense que ce serait peut-être mieux si nous faisions une représentation complète, donc je vais juste prendre mes épingles vertes avec les deux premières, les tirer vers le haut , et elles devraient se mettre en place en haut , juste comme ça Maintenant, qu'est-ce qu'un conteneur H box ? Une boîte en H ou une boîte horizontale nous permettra d'y mettre des objets et elle sera étalée horizontalement avec un espace uniforme entre chaque élément. C'est vrai. Donc, le moyen le plus simple pour moi de vous le montrer est d' utiliser un exemple visuel. Et je vais juste le remonter un peu, pour que ce soit un peu plus uniforme ici. Donc, à l'intérieur de ma boîte H, j'ai une texture rec, et j'ai simplement appliqué l'icône Gatto comme texte Maintenant, vous verrez que sur le conteneur de la boîte H dans l'inspecteur, nous avons le début, le centre et la fin, donc cela va déterminer d' où il se remplit. Maintenant, le centre est plutôt bon. Et c'est souvent ce que j'utilise. Et pour vraiment le voir, je vais juste cliquer sur mon texte pour le lire, puis appuyer sur Ctrl D pour le dupliquer plusieurs fois. Je pense que j'en veux un de trop. Je vais donc en supprimer un , et vous pourrez voir comment il s' étale horizontalement. Maintenant, vous pensez peut-être qu'il n'y a pas de place là-bas. Et c'est parce que c'est quelque chose que nous pouvons modifier nous-mêmes Donc, si nous allons dans le conteneur de la boîte H, regardez notre inspecteur à droite, cliquez sur la section de remplacement du thème, ouvrez les constantes, et nous avons notre séparation Nous pouvons donc avoir dix pixels de distance. Nous pouvons faire 100 pixels d'écart, d' accord, ce que nous mettons. Ce sera la distance de séparation entre chaque élément. Cool. Alors, de quoi aurons-nous besoin ici ? Eh bien, nous allons avoir un tas d'articles différents. Principalement. Nous allons avoir besoin de cet avantage. Nous allons avoir besoin de quelques modificateurs. Je voudrais ajouter à notre texte des éléments qui , dans l'ensemble nous simplifieront un peu la vie. Mais pour l'instant, c'est tout ce dont nous avons vraiment besoin pour démarrer. C'est bon. Nous voulons donc cette barre d'outils. En parlant de ça, je vais le renommer. Renommez mon conteneur H box en barre d'outils. Maintenant, nous voulons avoir une pression rétractable ou boutonnée pour faire monter et descendre cette barre d'outils Donc, ce que je vais faire, c'est juste y ajouter un peu. Comme ça, je peux mettre un bouton sur le côté. Et pour ce faire, je vais simplement sélectionner à nouveau mon principal. C'est le plus, ajoutez un bouton, agrandissez-le un peu et vous pourriez le tirer vers le bas, mais je vais utiliser les ancres en bas à gauche Et maintenant je vais juste tirer les ancres. Maintenant, vous pouvez le faire avec une reconnaissance complète, mais cela rendrait le bouton trop gros. Je vais donc le configurer manuellement comme ça pour mes ancres et m' assurer que cela correspond à notre bit de barre d'outils Et nous pouvons aller de l'avant et y mettre du texte. Nous pouvons donc dire « mettre » comme un bouton « Afficher » et « masquer ». Je vais donc taper le mot « afficher » là-dedans. Y a-t-il un meilleur nom que nous pourrions utiliser pour un bouton ? Il y en a probablement. Je ne veux pas l' appeler Show Hide, ou je vais simplement l'appeler bouton rétractable Je lui donnerai peut-être un meilleur nom plus tard, mais pour le moment, c'est bon. Et ce que nous voulons faire, c'est prendre notre barre d'outils et la retirer du champ de vision. Et quand nous voudrons le voir, il le soulèvera. Alors, comment pouvons-nous le faire ? Eh bien, nous allons revenir à notre script. Nous allons créer d' autres variables d'exportation pour nous-mêmes. Donc Exporter à export Var. Et j'appellerai ce bouton rétractable. Mettez deux points et souvenez-vous que c'est le type de bouton. Je peux donc continuer et mettre la main sur ce bouton. Lèche-moi. Allez-y, attribuez-le. Et nous allons avoir besoin de notre bouton pour envoyer un signal pour nous. Nous pouvons continuer et nous pourrions utiliser le bouton à bascule pour cela. Et tu sais quoi ? Je pense que je vais le faire. Et pour ce faire, je pense que nous devons définir quelque chose dans l'inspecteur. Oui, nous avons le mode bascule. Et si je ne me trompe pas, cela le permettra si nous cliquons sur le mode basculer, puis lançons notre scène Vous pouvez voir que nous pouvons continuer et cliquer. Le bouton est enfoncé et il reste ainsi jusqu'à ce que nous cliquions à nouveau dessus, puis il revienne. Nous pouvons donc l'utiliser comme moyen de montrer ou de masquer. Eh bien, car le signal que nous recherchons est bascule, et vous verrez qu'à l'intérieur de ces parenthèses, il est indiqué que le trait de soulignement est activé, Colon Bol, et qu'un bulion est juste vrai ou Colon Bol, et qu'un bulion Cela nous indiquera donc également si le bouton est actuellement enfoncé ou non. Donc ça va être génial. Donc, si nous continuons et que nous double-cliquons dessus, 4.3 un petit problème, double-cliquons dessus à nouveau. Nous y voilà. Enfin, nous pouvons sélectionner principal et nous connecter Et maintenant, c'est connecté pour nous. Donc, si nous allons de l'avant et si nous saisissons du texte imprimé, cela apparaîtra ici en bas. Donc, entre ces parenthèses, je vais simplement transmettre, en activant, ce qui provient de notre signal connecté pour qu'il soit envoyé avec nous Et si nous l'exécutons, vous devriez maintenant jeter un œil à click it. Vous verrez que l'intérieur de cette sortie indique « vrai ». Fais-le encore une fois. Maintenant, il dit faux, encore une fois, vrai, encore faux. Alors maintenant, nous pouvons y jeter un œil. Nous pouvons faire les choses selon que c' est vrai ou faux, pressé ou non. Je vais donc utiliser ce que l'on appelle une grosse déclaration, et il serait parfaitement acceptable dire, si on l'active, d' accord, faire tout ça, et ensuite si Nous pouvons dire que nous ne sommes pas activés, nous pouvons le faire. Et c'est parfaitement bien. Vous pouvez certainement le faire. Je vais juste utiliser ce que l' on appelle une déclaration de match. Chaque fois que nous n'avons qu'une seule condition, dans notre cas, activée, et que c'est tout ce que nous avons à rechercher, vous pouvez simplement utiliser une correspondance Et pour utiliser une correspondance, vous dites espace de correspondance, la chose que vous voulez faire correspondre, qui est activée, avec deux points, je l'ai saisie et je passe à la ligne suivante Maintenant, si nous définissons vrai ici et que nous appuyons sur deux points, nous disons essentiellement si Tgdon correspond à vrai, n'est-ce Donc, je continue, c'est vrai, et je fais ce code. Maintenant, descendez avec « er », appuyez sur « Retour arrière », maintenant je peux taper « faux » Et tapez deux points sur Entrée à partir de la ligne suivante. Donc, si Tag on est faux, nous pouvons créer le code suivant, et ainsi de suite, nous pouvons ajouter autant de correspondances que nous le souhaitons. Maintenant, si vous avez besoin de quelque chose pour tout saisir, vous devez mettre un trait de soulignement, qui agit comme un joker, qui dit en gros, si ce truc ne correspond à aucun de ces éléments, alors faites-le Dans notre cas, nous n'en avons pas besoin. Il est impossible que nous y arrivions un jour. Nous pouvons donc simplement regarder si Tg on est vrai, et si Toggle on est faux Maintenant, pour continuer ces photos, nous pourrions jeter un œil à notre bouton Donc, si Toggle on est vrai, nous pouvons en modifier le texte Regardez notre bouton rétractable, et accédez à cette propriété de texte Donc, si c'est vrai, si vous appuyez dessus, alors nous pouvons dire « bouton rétractable », le texte est égal, et de cette façon, nous avons besoin d'une chaîne, et une chaîne est simplement n'importe quoi entre guillemets Il suffit donc de mettre des guillemets, et nous disons de masquer. Nous faisons la même chose avec false. Mais au lieu de le masquer, nous pouvons dire Afficher. Et maintenant, si nous le lançons et y jetons un coup d'œil, vous verrez que nous cliquons dessus. Il est écrit « se cacher ». Nous cliquons à nouveau dessus. Il est écrit Show. Nous pouvons donc voir que notre signal fonctionne, et nous l'avons vu lorsqu'il disait vrai ou faux. Et nous pouvons voir que notre relevé de match est correctement configuré car notre texte change, ce qui nous permet de le confirmer. R Maintenant, voici où la différence va se faire sentir avec notre barre d'outils. Vous pourriez entrer et aller de l'avant et ajouter à notre scène ce que l'on appelle un lecteur d' animation, et vous pourriez entrer, dire animation en bas, sélectionner nouveau et dire afficher masquer. Et vous pouvez entrer et ajouter ces images-clés. Et pour cela, il vous suffit maintenant de cliquer sur la barre d'outils. Et à l'intérieur de l'inspecteur, sur le côté droit, vous verrez apparaître ces petites clés. Et vous devriez simplement passer à la mise en page, transformation et à voir la position. Appuyez sur la touche. Cliquez dessus. Nous y voilà. Je ne vais pas créer de piste de réinitialisation. Je vais juste appuyer sur Créer. Ensuite, je peux avancer rapidement pour ajouter une seconde, saisir ma barre d'outils et la faire glisser vers le bas. Allez voir l'inspecteur et appuyez à nouveau sur cette touche. Et maintenant, si nous appuyons sur Play sur cette animation, nous pouvons la voir se déplacer vers le bas. Et si vous vouliez le faire avec cette animation, nous pouvons simplement consulter notre script, et nous pourrions facilement le montrer. Donc dans ce cas, il va être considéré comme caché. Donc, si Talk a on est vrai, alors je peux mettre la main sur mon lecteur d'animation, le lecteur d'animation dollar sign N'oubliez pas que si nous cliquons dessus, il s'agit d'un accès direct depuis le nœud principal, qui contient le script, et nous pourrions jouer le jeu, et nous pourrions jouer le nom, qui est Show Hide. À l'inverse, sur false, nous pourrions obtenir ce lecteur d'animation et appeler play, mais nous pourrions jouer envers et passer ce show en haut à l'animation Cela va donc se jouer à l'envers. Donc, au lieu de se déplacer vers le bas, il va monter. Donc, si nous lançons ça, jetons un coup d'œil et que nous appuyons dessus, appuyez sur notre bouton Afficher. Oh, il a disparu. Nous l'avons donc fait à l'envers, nous avons cliqué sur Masquer et il va revenir, donc nous avons fait un petit retour en arrière Nous pouvons donc simplement échanger les deux. Et j'utilise juste le couper-coller pour cela. W, il suffit de contrôler et de contrôler V. Donc, si je suis lancé dessus maintenant et que nous y jetons un coup d'œil, cliquez sur Afficher Ça y est. Lèche-toi, et c'est parti. Donc, si vous souhaitez utiliser le lecteur d'animation, vous le pouvez. Pour vous montrer également un exemple d'une autre façon de procéder lorsqu'il s'agit d'animations dynamiques, c'est-à-dire s'agit d'animations dynamiques, façon sophistiquée de désigner une animation qui n'est pas codée en dur, comme ce lecteur d'animation, n'est-ce pas ? Il se déplace vers une position précise à chaque fois. Donc, ce que vous pourriez faire, c'est utiliser ce qu'on appelle un préadolescent Et si vous vouliez utiliser un interpolation, alors nous pouvons simplement dire V t, et n'oubliez pas que nous pouvons utiliser deux points pour indiquer à notre code que cela s'appelle A tween et qu'il est égal à la fonction crate Créez donc un trait de soulignement et nos deux parenthèses. Ensuite, il ne nous reste plus qu' à appeler t point. Si nous tapons le mot propriété, nous pouvons voir apparaître la propriété tween, et nous pouvons facilement y accéder, n'est-ce pas ? Nous pouvons donc faire la même chose ici. Et pour cela, il nous faudrait mettre la main sur notre barre d'outils. Je vais donc juste mettre la barre d'outils du signe du dollar. Ça y est. Mettez une virgule Et vous voyez, la prochaine chose que nous voulons, c'est la propriété, qui sera le poste. Mettez une autre virgule. Notez que nous devions le mettre sous forme de chaîne, la valeur finale. C'est donc là que nous pourrions faire quelque chose comme position des points de la barre froide, n'est-ce pas ? Ensuite, nous pouvons y ajouter. On peut donc dire position plus 100. Mais le coma et la durée. Nous pouvons dire 1 seconde, comme nous avions fait avec notre animation précédente. Nous pouvons donc maintenant l'exécuter et cliquer dessus. Oh, nous avons un problème ici. Oh, donc ils veulent que nous le réinitialisions. Ils veulent donc que nous le fassions dans ce qu'on appelle un vecteur deux. Et un vecteur deux contient simplement un x et un y. Nous pouvons donc taper le vecteur deux, entre parenthèses ouvertes et fermées, et avoir juste besoin d'une position x et d'une position y. Nous allons simplement accéder à cette position x de la barre d'outils et la laisser là, et je vais simplement la copier et la coller après notre virgule et changer ce x en Y. Et voici ce que nous pouvons dire plus 100 à titre d'exemple Maintenant, lorsque nous l'exécutons, il devrait fonctionner correctement et nous cliquons dessus, il disparaît et nous ne le reverrons plus jamais. Je vais donc simplement aller de l'avant et le montrer ici. Je vais donc décommenter. Et je viens de le faire avec le raccourci Control K. Et c'est sur notre faux. De cette façon, tu peux juste te présenter juste pour que je puisse te montrer ici. Nous pouvons donc voir qu'il est en train de disparaître là-bas à coup sûr. Et vous pouvez le voir apparaître , car n'oubliez pas que ce lecteur d'animation est très précis dans son positionnement Elle est désactivée par défaut. Donc, si je vais dans mon lecteur d'animation, assurez-vous simplement que mon animation est définie au début. Parce que je devrais voir la barre d' outils, mais pas. Mais on peut le voir disparaître. Donc, si nous voulons que cela augmente, nous devons soustraire 100 car le négatif est en hausse, le positif est en baisse. C'est un peu bizarre. Voilà. Donc on peut le voir apparaître, je dois en faire un peu plus de 100. Pour me retrouver dans cette position, j'ai juste choisi un nombre aléatoire, mais c'est assez proche. Donc, vous avez compris l'idée. Nous pouvons obtenir le même effet en utilisant un tween, ce qui permet de le rendre un peu plus dynamique et de moins dépendre de certains nombres codés en dur, comme le lecteur d'animation Mais c'est à vous de décider. Je voulais juste vous montrer que vous pouvez utiliser un lecteur d'animation pour animer ce genre de choses, ou nous pouvons utiliser un tween pour animer ce genre de choses Ainsi, lorsque vous créez une interpolation, nous appelons propriété d'interpolation, nous transmettons l' objet ou le nœud que nous voulons interpoler sous forme de chaîne, transmettons cette propriété que nous pouvons voir dans l'inspecteur, dont nous avons besoin, dans ce cas, puisqu'il s'agit d'une position, d' un vecteur deux, qui contient une position x et y ou un point x et y. Et ce sera le dernier chiffre auquel vous vouliez terminer. Et le dernier chiffre est temps qu'il vous faudra pour y arriver. C'est bon. Donc, quelle que soit la situation que vous souhaitez utiliser, cela dépend entièrement de vous. Pour moi. Je pense que je vais utiliser l'option de jumelage moi-même, juste par préférence Je vais donc les sélectionner et les coller dans mes chutes. Et au lieu de moins, je vais utiliser plus, et je vais passer à 150 100-150, et cela devrait suffire C'est bon. Donc, si je joue, je peux y jeter un œil. Oh, je vais supprimer mon lecteur d'animation, pour que cela n'affecte rien. C'est bon. Ça y est. Alors j'ai participé à l'émission. J'ai déménagé. Donc oui, c'est juste que ça bouge bien. Je dois juste les inverser. C'était donc le lecteur d'animation, rendu les choses un peu étranges en le déplaçant vers le bas au départ, ce qu'il n'aurait vraiment pas dû faire. Vous pouvez voir que cela devrait démarrer hors écran ou que je devrais simplement retourner mon texte ici. Mais voilà, nous avons exactement le même effet. Je vais donc utiliser le préadolescent ici. Si vous souhaitez utiliser le lecteur d'animation, c'est parfaitement bien. C'est bon. Je vais aller de l'avant et le configurer, il suffit d'y changer mon texte, et ce sera tout pour celui-ci. Je vous verrai dans le prochain, et nous pourrons commencer à configurer d' autres de nos utilisations ici. 8. 08 Expliquer les effets: Donc, avant de commencer à ajouter ces fonctionnalités, je vais vous expliquer comment fonctionnent certaines de ces balises. Et c'est vraiment ce qu'ils sont. Donc, cette étiquette de texte R, nous l'utilisons pour un petit aperçu car elle va nous permettre d' utiliser ce que l'on appelle le code BB. Et ce code BB va nous permettre d'ajouter différents effets. Par exemple, nous pourrions même passer en revue et créer nos propres effets personnalisés que nous pourrions utiliser et ajouter au programme. Si vous vouliez aller encore plus loin et progresser un peu plus. Mais il est livré avec de nombreuses options précréées pour nous. L'un d'entre eux est la couleur. Et si nous venons ici, nous allons simplement passer à notre fonction prête à fonctionner. En fait, tu sais quoi ? Nous n'en avons pas besoin. Nous pouvons réellement le saisir. Je vais donc simplement lancer notre scène et l'intérieur de notre édition de texte. Nous pouvons utiliser des crochets, ce qui est en fait assez petit à voir, donc je pense que je vais utiliser un script. Juste pour te faciliter les choses. Nous procédons donc modification du texte et à la propriété du texte, et nous la définissons comme une chaîne, qui, rappelons-le, dit guillemets doubles. Et à l'intérieur, faisons une paire de crochets, des crochets. Et entre les deux, tapons le mot couleur en minuscules, suivi d'égal à égal, sans espace entre les deux. Et en majuscules, tapons le vert. Maintenant, en dehors de ce crochet, mais toujours entre guillemets , tapez ce que vous voulez Je vais donc taper les mots littéralement comme tu veux. Et je vais m' occuper de la scène. Maintenant, vous le verrez en haut, et je vais juste appuyer sur espace pour que notre texte soit mis à jour en bas. Et vous pouvez voir que c'est là, mais rien n'a changé. Ça n'a pas l'air vert. Et la raison en est en fait que nous devons activer l'option permettant d'avoir ces effets. Nous allons donc cliquer sur Aperçu du texte, et dans l'inspecteur sur le côté droit, nous allons voir BB Cod activé. Allez-y, allumez-le. C'est bon. Maintenant, si je l'ouvre , et qu'on y jette un œil. Nous pouvons voir maintenant que le texte est en fait vert. Nous ne voyons pas cette étiquette au début. Nous pouvons donc continuer, nous pouvons continuer à taper, et nous voyons que notre couleur est là. Maintenant, lorsque nous avons terminé avec notre couleur, nous pouvons utiliser une balise similaire à l'intérieur de la chaîne. Nous avons donc nos crochets, et nous allons en fait utiliser des barres obliques. Et je vais mettre un espace juste pour cette mise à jour afin que nous puissions voir que tout est vert là-bas. Et notre texte entre ces balises qui s'ouvrent et se ferment est vert, et tout redeviendra normal chez White après cela . même, nous avons d'autres options telles que l'arc-en-ciel, je crois, qui est entièrement en minuscules, j'ai l' habitude d'oublier celle-ci. Oui, voilà, donc nous pouvons voir que nous avons un effet arc-en-ciel qui n'existe pas là-bas. Donc, si vous voulez avoir un texte spécial, démarquez-vous vraiment, et vous pouvez modifier la saturation pour cela, par exemple ou la fréquence de changement de couleur Nous avons donc certaines de ces options. Et malheureusement, si vous deviez consulter la documentation ici, en utilisant cette aide, Sch help en haut à droite. Nous pouvons voir que le code BB est activé, mais nous ne voyons aucune de ces balises. Il faudrait donc regarder en ligne pour voir tous les tags. Si vous souhaitez ajouter plus que ce que nous examinons ici ou plus que ce que nous allons ajouter. Donc, quand il s'agit de choses comme les surlignages, nous allons nous demander si c' est la couleur de fond ? Cela fait longtemps que je ne l'ai pas fait. Je vais faire du rouge. Nous verrons si cela ajoute quelque chose, et sinon, alors non, cela n'a rien changé. C'est bon. Donc, une seconde. Ce n'était pas un arrière-plan, mais simplement une couleur BG. Nous le jouons dans un espace là-haut pour qu'il soit mis à jour, et vous voyez que nous avons cette ligne rouge. C'est ainsi que nous allons pouvoir y ajouter des éléments tels que le surlignage à l'aide de ces balises, et nous allons simplifier ces balises afin pouvoir simplement appuyer sur un bouton pour les ajouter. Nous n'avons pas besoin de tout taper si nous ne le voulons pas, et nous n'avons pas à tout mémoriser. Et nous utilisons ici, mais vous pouvez taper. Donc, si vous connaissez les codes hexadécimaux, peut-être votre couleur préférée , par exemple, zéro, disons F F zéro, zéro, cela nous donnera des écrans Passons au vert et au bleu, donc 00ff F. Et si nous y jetons un coup d'œil, je trouve cette mise à jour, Dieu, qui est horrible et difficile à lire parce que notre texte est blanc Mais vous pouvez voir que nous pouvons taper les codes hexadécimaux si nous le savons pour la couleur Nous ne sommes donc pas limités aux couleurs préexistantes. C'est ainsi que ces étiquettes vont fonctionner Nous pourrions donc y boulonner puis fermer notre étiquette à boulon. Nous allons donc voir le mot n'importe quoi, être en gras et le reste est normal. Soyons simplement B alors. Ça. Une mise à jour. Nous y voilà. Vous pouvez donc voir ces balises Ce sera le secret et le pouvoir d'ajouter des éléments comme celui-ci et de les surligner lorsqu' il s'agit de nos notes. C'est pourquoi nous avons notre aperçu ici afin que nous puissions voir tous nos effets ici. Et puis notre texte ici en haut va nous permettre d'éditer et de changer quoi que ce soit. C'est bon. J'espère que cela aura du sens avant passer à autre chose et de commencer à ajouter des éléments dans notre barre d'outils. 9. 09 Étiquettes de police: C'est bon. Ainsi, lorsque nous aurons notre barre d'outils, nous aurons besoin de différentes choses. Donc, les éléments que nous voulons mettre ici, je pense que nous allons les diviser dans notre première section consacrée aux éléments de base liés aux polices de caractères. Donc, en italique, en gras. Couleur, taille de la police, des choses comme ça que nous pouvons y mettre. Je pense que ce sera la première section que nous aborderons, et cela nous permettra de commencer à notre barre d'outils ici, que je vais configurer. Maintenant, je tiens à noter que la barre d'outils monte et descend. Je tiens à souligner que si vous le vouliez, vous pourriez prendre votre conteneur fendu en V et le rallonger jusqu'au bout. Et tant que vos couches sont correctes dans votre scène, dans votre scène trois. Cela va apparaître par derrière. Donc, si nous devions aller de l'avant et y jeter un œil. Nous pouvons aller de l'avant et le cacher. Nous pouvons toujours voir tous nos textes parfaitement amusants. Et les boutons par défaut, si vous ne modifiez pas du tout leur apparence, sont un peu transparents Donc, si je devais, par exemple, descendre. Nous avons rempli toutes ces informations. Vous pouvez voir le texte derrière le bouton, mais vous pouvez toujours voir où se trouve le bouton, cliquez dessus et faites apparaître notre barre d'outils. C'est bon. Encore une fois, si vous voulez réduire, c'est à vous de décider, c'est l'une de vos décisions en tant que développeur, c'est à vous de prendre ce genre de décisions à votre place est l'une de vos décisions en tant que développeur, . C'est bon. Et ces barres d'outils. Je vais donc supprimer ce texte ou ces recs d'ici parce que nous n'en avons pas du tout besoin. Et dans ma barre d'outils, je vais ajouter un bouton. Ce bouton. Je vais l'appeler police. Qu'en est-il des paramètres de police ou des effets de police. C'est une petite décision à prendre ici. ne sais pas ce que je veux choisir. Vous pourrez toujours revenir et changer cela plus tard, monsieur. C'est bon Si vous vouliez que cela n'ait pas cet aspect transparent, comme vous l'avez vu avec le bouton Masquer, Afficher et masquer, nous pouvons simplement l'activer comme vous l'avez vu avec le bouton Masquer, Afficher et masquer, nous pouvons simplement l'activer à plat et ainsi de suite. Et là, ça n'a pas l'air clair. Hein ? C'est comme si c'était parfaitement transparent, donc vous pourriez suivre cette voie. Sinon, si vous ne voulez pas vous lancer dans cette voie, vous devrez commencer à aborder certains des thèmes. Vous entrez donc dans l'inspecteur jusqu'à la section de contrôle, le thème remplace, et vous pouvez procéder à des modifications différentes. Par exemple, je pourrais sélectionner normal ici. Dans le menu déroulant, nous utilisons la boîte de style plate, et maintenant il ne s'agit que d'un bouton plat sans transparence, que nous pouvons ouvrir et modifier Nous pourrions définir la couleur de fond. Nous pourrions en modifier l'inclinaison, les détails, nous pouvons lui donner une bordure On peut le donner comme une bordure à deux crayons. Nous pouvons tracer la frontière. Allons-y avec un vert. Réglez-le pour qu'il se mélange, une transition fluide entre la bordure et l'intérieur. Donc, si tu veux, tu peux vraiment venir ici et commencer à t' occuper de tout ça Nous pouvons venir dans un rayon d'angle. Nous pouvons donc obtenir davantage un bouton arrondi sur les bords. Tu peux aller à l'extrême. Disons 50 sur les quatre côtés, et maintenant nous nous rapprochons d'un bouton circulaire. Alors allez-y, vous pouvez jouer avec lui et vous pouvez lui donner l'apparence que vous voulez donner à votre bouton. Et je suis juste curieux de savoir si nous optons pour 800. Oui, je ne pense pas que nous allons devenir plus petits que ça, crois que c'est parce que le texte à l'intérieur du bouton doit encore être ajusté. Donc, si je me débarrassais de ce mot. Réglages, nous avons toujours des problèmes. Et puis à partir de là, nous pouvons simplement modifier spécifiquement la taille de ce bouton Mais vous pouvez voir que vous pouvez vraiment obtenir des résultats différents, des looks différents si vous vouliez aller dans cette rangée. Je pense que je vais juste le laisser par défaut. Cela ne me dérange pas pour une petite chose comme celle-ci où je suis probablement le seul à vraiment l'utiliser, et je n'ai pas vraiment besoin de le montrer à qui que ce soit. Mais si vous voulez être belle , c'est par là que vous pouvez commencer. Vous pouvez commencer à étudier les thèmes ici. Pour ma part, je vais juste aller de l'avant et jeter un œil à la transformation de la mise en page, et je peux voir, oh, mon transformateur est de niveau inférieur. Pourquoi est-ce le cas ? Eh bien, parce que si nous le survolons, nous pouvons voir qu'il prend sa taille grâce au contenant dans lequel il se au contenant dans lequel il Donc, si je vais dans ma barre d'outils, je peux la redimensionner et simplement la tirer vers le haut Et nous y voilà. Maintenant, vous vous demandez peut-être, si vous voulez plus de largeur sur votre bouton ? Eh bien, c'est là que vous avez personnalisé votre taille minimale, afin que vous puissiez modifier le x. Si je l'ai réglé sur 100, il ne sera pas inférieur à cela sur la largeur. Maintenant, ce genre de choses dépend à nouveau entièrement de vous pour ces décisions bien conçues. Hum, je ne sais pas ce que je veux choisir ici. Je vais juste opter pour 60 pour le moment. Nous verrons à quoi cela ressemble au final. Je vais renommer mon bouton, je vais l'appeler bouton de police Et comme nous travaillons avec un espace limité, nous allons utiliser ces boutons pour ouvrir un menu séparé afin d'ajouter notre petit effet. Dans ce cas, il faudra mettre une couleur, du gras, de l'italique, etc. Maintenant, n'oubliez pas que ma barre d'outils est configurée pour être au centre, c'est donc là que mon premier bouton va apparaître. Mais si vous voulez qu'il soit sur la gauche, vous devez sélectionner Commencer. Si vous voulez qu'il commence à l'extrême droite, sélectionnez-le, je vais juste laisser le mien au centre. Et si nous devions y jeter un œil et le lancer pour cliquer sur notre cache pour l'afficher. Voilà. Voici donc à quoi ressemblera le mien. C nous pouvons cliquer sur la police ne fera tout simplement rien pour nous. C'est bon. Maintenant, dans mon script, je vais simplement supprimer ce texte parce que nous n'en avons pas besoin. En fait, nous n'aurons probablement pas besoin de quoi que ce soit prêt pour le moment avant pouvoir peut-être le charger. C'est bon. Alors, comment allons-nous procéder ? Eh bien, nous avons besoin de ce bouton pour envoyer un signal lorsque nous appuyons dessus, non ? Nous allons donc sélectionner notre bouton de police. Nous allons passer à l'onglet « Non » sur la droite. Nous allons voir le signal pressé. Double-cliquez pour le connecter. Connectez-le à notre script principal, appuyez sur le bouton de connexion. Et maintenant, nous faisons ce que nous voulons quand nous appuyons ici. Hein ? Nous allons donc imprimer et dire « Bonjour, j'ai été pressé ». Si vous l'exécutez, vous devriez le voir s'imprimer ici dans votre console à chaque fois que vous cliquez dessus. Et si c'est le cas, votre bouton est correctement configuré et connecté. C'est génial Et on peut juste laisser les choses comme ça pour le moment. Ce dont nous avons besoin maintenant, c'est que nous avons besoin du menu réel que nous allons afficher pour que notre utilisateur puisse interagir. Donc, avec cela, je pense que nous allons sélectionner un autre objet. Je vais donc sélectionner mon tableau principal et nous allons le faire comme une fenêtre, mais je pense qu'il serait bien de prendre davantage la forme d'un panneau. Donc, si je peux juste épeler le panneau, je clique deux fois dessus. Maintenant, c'est un arrière-plan transparent, mais comme vous le voyez, nous pouvons le voir sur les deux. Et s'il n'est pas sélectionné, il y a une zone claire sur laquelle nous pouvons travailler. Maintenant, si vous vouliez travailler avec ça, c'est génial. Si vous vouliez trouver autre chose et l' explorer, c'est génial aussi. Je vais juste procéder et redimensionner un peu pour moi Quelque chose comme ça, et je vais lui donner un nouveau nom. Je vais appeler cela ma police de caractères. Je vais simplement les appeler paramètres de police, même si cela a vraiment sens car nous allons ajouter ces balises. Peut-être que nous voulons simplement les appeler font tag. Passons aux balises de police. Maintenant que notre balise de police est sélectionnée, je vais appuyer sur le signe plus. Et allons-y et ajoutons. Eh bien, nous recherchions la couleur, allons-y et ajoutons une couleur, mais pas une modification de couleur. Nous utilisons un bouton de sélection de couleur. Si nous zoomons, nous aurons ce tout petit cul ici. Vous pouvez donc aller de l'avant et l'agrandir. Encore une fois, vous pouvez décider, en testant sur votre téléphone actuel, si vous devez faire quelque chose de plus grand ou de plus petit. La première chose que je vais faire ici est de régler ce paramètre sur Je veux en changer les ancres Non En fait, ce que je pense que je vais faire, c'est sélectionner mes balises de police dans le conteneur Je vais sélectionner dans la case H. Et je vais mettre mon sélecteur de couleurs dedans. Sélectionnez ma boîte H et mettez-y une étiquette fossile. De cette façon, je peux aller voir l' inspecteur avec l'étiquette sélectionnée et y mettre du texte pour le décrire. Je vais dire de changer la couleur de police . Ensuite, je pourrai y aller et le lancer. Oh, je veux que mon texte soit de l'autre côté, alors je vais prendre mon étiquette et simplement cliquer dessus et la faire glisser vers haut pour qu'elle se trouve avant ma couleur. Et maintenant, cette couleur, on ne peut plus vraiment y voir quoi que ce soit. Nous allons donc devoir en modifier la taille. Pour cela, nous allons donc devoir examiner la mise en page de l'inspecteur et définir une taille minimale personnalisée. Je vais le mettre à 50. Cela semble être une bonne couleur ou une bonne taille chez. Maintenant, voici une décision pour toi. Si vous voulez pouvoir modifier l'alpha, ce qui signifie que votre texte peut être semi-transparent, vous n'avez pas besoin de toucher quoi que ce soit, mais je ne veux pas que l' utilisateur modifie cet alpha. Je vais donc procéder et le désactiver ici dans l'inspecteur. Et maintenant, lorsque l'utilisateur ouvre sa couleur comme ça, cette barre Alpha n' est plus là, il ne pourra donc pas entrer et modifier la transparence de cette façon. Et je vais juste le mettre en blanc par défaut car c'est normalement la valeur par défaut avec laquelle nous travaillons. Je vais étendre ma boîte H sur le panneau, poser mes ancres, pour être, disons, complètement détruite Et vous pouvez voir qu'il s'est étendu sur toute la longueur, ce qui est normal pour le moment. Nous pouvons sélectionner le centre, et je le fais simplement glisser vers le haut pour que nous puissions l'examiner. Maintenant, c'est un peu serré. Donc, avec ma case H sélectionnée, je vais passer aux modes, constant Et ajoutons une séparation personnalisée, disons 100 pixels à la fois. D' accord. Alors allons-y et faisons apparaître ce menu pour nous. Donc, dans notre script, lorsque nous appuierons sur ce bouton de police, nous devrons récupérer nos balises de police Je vais donc monter en haut et créer une exportation des balises de police. Et ceci est un panneau, si vous vous souvenez bien. Maintenant, je peux sélectionner Maine Look in the Inspector, et je peux continuer et nous l' attribuer. Balises de police. Nous pouvons maintenant descendre jusqu'à ce que notre signal soit connecté et taper simplement les balises Font, point, pop up. N'avons-nous pas de centre pour cela ? Il semblerait que ce n'est pas le cas. C'est bon pour nous, alors. Nous pouvons simplement continuer et dire Font tags, point show. Maintenant, n'oubliez pas de désactiver les balises de police avant de tester votre scène. Et maintenant, si vous cliquez sur cette police, nous devrions la voir apparaître pour notre set ici. C'est vrai. D'accord. Maintenant, la question est il semble que c'est un peu trop élevé, alors je devrais peut-être le baisser. Mais si nous cliquons sur ce bouton de couleur, vous verrez tout apparaître, et comme je l'ai dit , si l'Alpha n' vous verrez tout apparaître, et comme je l'ai dit , si l'Alpha est pas activé ou désactivé, nous n'aurons pas cette barre Alpha ici Et nous pouvons librement entrer et choisir la couleur avec laquelle nous voulons travailler. Maintenant, pour ajouter cette couleur, nous devrions probablement y mettre un bouton d'ajout juste pour pouvoir l'appliquer, car nous ne voulons pas changer la couleur comme ça, puis ajouter 300 balises différentes au fur et à mesure que nous changeons de couleur. Je ne crois pas que le sélecteur de couleurs ait un signal pour nous. Sicker a été créé. Nous avons juste un changement de couleur et le sélecteur créé. Rien de tout cela ne nous aidera vraiment. Sélectionnons la case H qui contient notre étiquette dans le sélecteur de couleur Réactivons nos balises de police afin de voir ce qui se passe. Allons-y et ajoutons-y un autre bouton. Nous allons définir le texte pour qu'il soit ajouté de la couleur. Je vais changer le nom de mon bouton, qui sera appelé bouton de couleur. Et on peut aller de l'avant et connecter un signal, non ? Nous allons donc sélectionner à nouveau le signal pressé sur ce bouton. Connectez-le à notre réseau principal. Et maintenant, nous l'avons juste ici. Alors, qu'allons-nous en faire ? Eh bien, nous devons appliquer la couleur. Donc, la première chose dont nous aurons besoin, c'est de mettre la main sur le bouton de notre sélecteur de couleur Allons-y donc et créons une exportation pour cela. Exportez le sélecteur de couleurs. N'oubliez pas que nous devons taper. Ce sera donc le bouton du sélecteur de couleur. Nous pouvons le définir dans notre inspecteur, le bouton de sélection de couleur du panneau Et maintenant, lorsque vous appuyez sur notre bouton de couleur ici pour l'ajouter. Nous pouvons enregistrer notre C comme raccourci pour notre couleur ici Comme il s'agit d'une variable qui ne sera utilisée que dans cette fonction, il est parfaitement normal d'utiliser quelque chose de très court comme celui-ci. Si vous le souhaitez, vous pouvez utiliser Call for Color, qui peut également être une colonne, mais comme nous sommes basés sur la couleur, si jamais nous examinons cela dans le futur, nous devrions savoir que c'est de la couleur. Et je vais déclarer que c'est un type de couleur. Et nous pouvons définir cela sur le point de notre sélecteur de couleur, et nous pouvons en obtenir la propriété de couleur Ce que cela va faire, c'est que notre inspecteur va le renvoyer ici . Donc, quelle que soit la couleur que nous changerons ici, c'est ce que ce sera. Je vais juste le remettre en blanc. Maintenant, nous avons notre couleur. Il suffit de l' ajouter à notre texte. Alors, comment s'y prendre ? Eh bien, nous devons trouver l'endroit où se trouve notre curseur. Tu sais quoi ? Allons-y et ajoutons-le pour le moment, et je vais vous montrer le problème ou pourquoi nous devons ajouter d'autres éléments pour le rendre un peu plus compliqué, même si cela n'a pas beaucoup de sens pour le moment. Nous obtenons donc notre texte d'édition de texte. Et si nous devions simplement définir cela, par exemple, souvenez-vous que nous sommes entre guillemets, que nous avons des crochets, que couleur du mot est égale et qu'il n'y a pas d'espaces. Et maintenant, nous devons y mettre notre couleur réelle. Nous pourrions dire pourcentage S et il s'agit d'un espace réservé pour une chaîne, juste en dehors des guillemets ici Nous pouvons aller de l'avant et dire le pourcentage d'appels. Notre variable que nous venons de créer contient notre couleur. Si nous allons de l'avant, l'exécutons et jetons un coup d'œil, voyons ce que nous obtiendrons. Je vais aller de l'avant, je vais passer au vert, et je dirais d'ajouter de la couleur, et nous pouvons voir que la couleur s'ajoute, et les chiffres représentent nos valeurs. D'accord. Maintenant, est-ce que tout cela fonctionne ? Eh bien, allons-y et tapons ici en haut. Et bien, ça ne marche pas. C'est un peu bizarre. Nous allons donc devoir le présenter sous une forme différente. Maintenant, ce que nous devons faire, c'est sortir nos chiffres, par exemple, A sept F D trois par exemple, n'est-ce pas ? Nous devons donc prendre ces valeurs RGB les entre parenthèses et les convertir en quelque chose que nous pouvons réellement utiliser Donc, entre obtenir la couleur et définir notre texte. Nous devons en fait faire quelque chose entre les deux. Donc, avant de le définir , et pour cela, nous devons créer une nouvelle variable pour la stocker, et nous appellerons un nouvel appel pour une nouvelle couleur. Cela sera attribué sous forme de chaîne. Et ce que nous recevrons en retour, nous pouvons recevoir un appel. Donc, la couleur que nous avons, et nous allons appeler une fonction appelée deux HTML. Et nous n'avons pas d'Alpha. Si vous avez un Alpha, vous pouvez le laisser comme vrai. Non, donc je vais le définir sur false. Et maintenant, au lieu de faire ce pourcentage d'appels ici à la fin, je vais faire le pourcentage de nouveaux appels. Maintenant, quand nous l' exécuterons, regardez, je vais le changer en bleu vif pour ajouter de la couleur, et maintenant je peux commencer à taper après cela. Et comme vous le voyez, notre couleur a changé. Si je devais à nouveau changer de couleur, dire vert et appuyer sur Ajouter une couleur, attendez, nous l'aurions remplacée Ce n'est pas génial. Maintenant, lorsque nous tapons, tout ce que nous avions avant a complètement disparu. Eh bien, ce n'est pas génial. Nous devons donc ajouter désolé, pas définir notre texte, mais nous devons l'ajouter à notre texte. Nous faisons donc quelque chose comme « plus égal à ceci ». Et pendant que nous y sommes, nous devrions probablement ajouter nos balises de fermeture. À l'intérieur de nos citations, nous allons avoir une deuxième paire de crochets, et nous pouvons simplement ajouter la balise co juste pour y mettre fin. Maintenant, entrez. On peut dire vert, ajouter de la couleur. Et nous pouvons cliquer, ou si vous êtes sur votre téléphone, vous allez d' abord taper entre les deux. C'est donc à vous de le faire et de décider si vous voulez y mettre de l'espacement Mais au fur et à mesure que nous avançons, Qu'est-ce que j'ai porté en blanc ? C'est pourquoi il semble que rien n'ait changé. Il suffit donc de supprimer tout cela. Changez cela en vert, ajoutez de la couleur. Mettez-vous entre les deux, et maintenant nous commençons à taper, et si nous allons jusqu'à la fin en dehors de cette étiquette de couleur, nous ne reviendrons pas au blanc. OK, cool. Et si nous voulions modifier à nouveau notre texte plus tard, peut-être revenir au bleu, et ajouter et il sera ajouté à la fin. D'accord. C'est génial Mais que si nous ne voulons pas l' ajouter à la fin ? Et si nous voulions ajouter, décider plus tard que nous voulons qu'une partie spécifique de notre texte change de couleur de cette façon, et nous pouvons continuer à la copier-coller, mais nous ne voulons pas qu'elle soit à la fin de notre texte. Nous voulons donc qu'il soit là où se trouve actuellement notre curseur. C'est un point important que nous devons définir. Donc, pour terminer notre encart. Ce que nous devons faire, c'est bien sûr en ajouter un peu plus avant de l' ajouter à notre texte, et bien sûr, nous allons devoir l'ajouter un peu différemment à notre texte maintenant. La dernière chose que nous faisons ici ? Si nous devons regarder, nous devons trouver notre position de carotte. Et cela va être assez simple à obtenir pour nous. Et je pense que je vais aller de l'avant et créer cette barre en haut. Donc je dis « Carrot position ». Si vous voulez taper cela, je crois que ce sera un entier ou un entier. Donc, une fois que nous aurons converti notre couleur, pourrai continuer et me laisser un peu de place ici. Après avoir converti notre couleur, j'ai défini la position de la carotte, et je l'ai définie comme égale à notre texte qui obtient la colonne Carrot. Et nous n' allons rien transmettre. Et c'est tout ce dont nous aurons besoin pour savoir où le mettre. Mais maintenant, nous avons besoin de savoir ou nous devons réellement formuler notre nouveau texte. Allons-y et obtenons le texte actuel ici ou le texte actuel. Cela va être saisi sous forme de chaîne. Ce sera notre édition de texte. Ce n'est pas du texte qui est attribué parce que nous voulons obtenir une sous-chaîne. Désormais, une sous-chaîne fait partie d'un texte. Dans notre cas, nous allons dire zéro au curseur de notre souris. Donc, si le curseur de ma souris était placé juste entre les deux, alors nous allons passer de zéro, est-à-dire au début, jusqu'à la c' est-à-dire au début, jusqu'à la position de la carotte. Donc, ce que nous allons faire, c'est prendre tout ce texte avant lui. Ensuite, nous allons insérer ce dont nous avons besoin, puis ajouter tout ce qui se trouve après cette position de carotte. ce faire, nous en sommes à notre édition de texte, nous pouvons appeler une sous-chaîne. C'est donc SUB STR. Je ne sais pas pourquoi cela n' apparaît pas, mais c'est tout ce que nous avons à faire. Passez zéro pour le premier argument, car n'oubliez pas que nous voulons tout obtenir depuis le début jusqu'à cette position. La seconde sera donc notre position de carotte. Ensuite, nous allons ajouter, donc nous disons plus parce que nous voulons ajouter quelque chose à cela. Le texte que nous voulons mettre. Nous devons donc continuer et copier ce que nous avons assigné à notre texte Allons-y, copions-le et nous pourrions supprimer le reste de cette ligne. Et nous devons également l'attribuer en tant que nouvelle chaîne. Alors insérez. Nous pouvons l'appeler une chaîne de caractères égale à ce que nous étions en train de définir notre texte, de sorte que la couleur de notre chaîne de crochets soit égale au pourcentage S et que notre pourcentage de nouveaux appels soit terminé. Maintenant, notre texte va être défini en deux, passez la position zéro plus notre insert. Ensuite, nous voulons ajouter le reste de notre chaîne au cas où nous ajouterions quelque chose au milieu de notre texte, n'est-ce pas ? Nous allons donc dire plus, et nous pouvons récupérer notre texte, donc modifier le texte. Voilà, j'ai oublié une petite erreur. Et ce n'est pas vraiment une erreur. Je n'ai simplement rien assigné. Nous allons en fait rencontrer une petite erreur en faisant cela. Je dois donc créer une nouvelle variable et l'appeler. En fait, non. Nous n' avons pas à le faire. Je vais dire variable, vais à nouveau créer du texte ici. Encore une fois, il s'agit d'un ensemble de chaînes égal à notre texte d'édition de texte. C'est ce dont nous avons besoin pour que cela ait du sens. Ensuite, nous allons définir et supprimer l'ancienne variable, et nous allons réellement la définir. Le texte est égal à notre sous-chaîne de texte. Donc, c'est mon erreur, et ce ne sera pas du texte ajouté à un point substm Ce sera notre sous-chaîne. Plus du texte. Une autre sous-chaîne, et cette chaîne sera notre position re allons donc tout obtenir, de notre position de soin jusqu'à la fin, en le transmettant simplement. C'est pourquoi, dans la première sous-chaîne, nous devons transmettre deux arguments parce que nous voulons tout obtenir depuis le début du texte, mais nous voulons nous arrêter à la position C'est bon. Alors maintenant, si nous devions y jeter un œil, nous pouvons aller de l'avant. Nous pouvons taper beaucoup de choses ici. Cela n'a pas vraiment d'importance. Quoi que nous ayons, bla, bla, bla. Supposons ensuite que nous voulions insérer une couleur, comme au milieu. Nous pouvons aller de l'avant, changer cela et ajouter de la couleur. Donc, si vous essayez ceci, vous remarquerez sur la première diapositive si nous l'avons inséré. Ça a l'air de fonctionner parfaitement. Nous pouvons passer entre deux types et ajouter ce texte vert maintenant. Comme vous pouvez le voir en bas de page. Et puis si nous essayons cela sur une autre ligne, vous remarquerez rapidement que nous avons un bogue. Nous pouvons ajouter de la couleur, et cela l' ajoute à la ligne supérieure, notre première ligne. Nous allons donc également avoir besoin de la ligne pour cela. Mais pour l'instant, nous allons passer à cette vidéo ici. Ce n'est donc pas trop long, car c'est assez long tel quel. Et dans la vidéo suivante, nous allons corriger ce bogue afin de pouvoir obtenir la couleur associée sur la bonne ligne lorsque nous l'ajouterons. 10. 10 lignes correctes: Allons-y et corrigeons ce bogue afin de pouvoir commencer à ajouter nos balises au bon endroit dans notre texte. J'ai donc créé une nouvelle variable appelée Carrot line, et je dis à notre code qu'il s'agit également d'un entier. Et pour en revenir à notre code, nous n'aurons pas besoin de notre texte à points pour modifier le texte parce que nous ne définissons plus notre texte. Nous allons simplement modifier la ligne que nous sommes en train de peaufiner elle-même. Nous pouvons donc complètement nous débarrasser de cette ligne. Et je vais aller de l'avant et définir ma variable de ligne de carotte juste après ma position, cette façon, je vais garder le cap. Et ce sera notre ligne d'édition de texte G Carrot. Maintenant, nous avons notre ligne et nous avons la colonne à l' intérieur de la ligne. Entre ces deux variables, position de notre voiture et l'orientation de notre voiture, nous pouvons aller de l'avant et nous devrions savoir exactement où nous pouvons aller de l'avant et nous devrions savoir exactement où placer le nouveau texte inséré ici. Maintenant, la question est de savoir où le placer ? Eh bien, nous devons également obtenir la ligne, le texte lui-même. Mettez-y nos étiquettes. Voyons donc la ligne de barre de ligne. C'est une chaîne, bien sûr, et tout ce que nous avons à faire est de dire édition de texte. Je dois le mettre sur un pied d'égalité. édition de texte obtient une ligne, et nous devons mettre un entier ici, mais nous l'avons déjà. La ligne des carottes, donc nous obtenons la ligne sur laquelle se trouve notre. Maintenant, si nous le voulions, nous pouvons imprimer cette ligne. Et si nous courons, nous pouvons continuer, taper ce que nous voulons ici. Dis que c'est amusant. Je suis en train de faire une ligne. Et créer une nouvelle gamme d'outils vraiment chouette pour la période d'utilisation E two. Maintenant, disons que je voulais le mettre dans la deuxième ligne ici. Nous changeons donc de couleur, nous ajoutons, et nous pouvons le voir dans notre console Put , en bas de page. Nous pouvons voir juste cette ligne être imprimée et créer un outil vraiment chouette. Nous avons maintenant le texte ici, stocké dans la ligne que nous voulons utiliser ou que nous voulons modifier. Nous pouvons donc maintenant le modifier. Nous pouvons donc dire « bar new line ». Nous devrons le faire par la suite. Nous avons fait notre encart. Et nous n'aurons plus besoin de cette variable de texte actuelle non plus. Nous pouvons donc enregistrer notre nouveau texte, indiquer à notre code qu'il s'agit d'une chaîne, et nous pouvons le définir sous-chaîne de ligne, comme avant, zéro position ar plus notre sous-chaîne insert plus ligne et en passant simplement la position arr, afin que nous puissions obtenir le reste de cette ligne Maintenant, voici le truc. Comment définissons-nous cela ? Parce qu'auparavant, nous définissions le texte complet lui-même. Eh bien, ici, lorsque nous voulons définir une seule ligne, nous pouvons modifier le texte en essayant modifier et appeler une fonction appelée set line. Ensuite, nous pouvons simplement passer à autre chose. Alors, quelle ligne voulons-nous ? Qu'est-ce que nous voulons, la ligne des carottes ? Nous voulons modifier la ligne sur laquelle se trouve notre carotte, la virgule, et le nouveau texte que nous voulons insérer ou dont nous voulons que cette ligne indique soit notre nouvelle variable de texte Donc, si nous allons de l'avant et que nous le lançons, nous serons en mesure de voir. Nous pouvons aller de l'avant et y taper du texte. C'est un programme vraiment amusant et participez. J'aime vraiment coder, Enter et créer des applications géniales. Alors maintenant, je peux entrer dans n'importe quelle ligne, disons la deuxième ligne entre le début et le plaisir, ajouter une couleur verte et ajouter de la couleur. Et maintenant, nous voyons qu'il a été ajouté au bon endroit. Alors maintenant, sur l'ordinateur ou si vous le mettez sur votre téléphone, vous pouvez bien sûr sélectionner votre texte, le couper ou le copier, passer entre nos balises, coller, et maintenant nous avons du texte vert. Posez-le là. C'est bon. Cela servira désormais de base à chaque fois que nous ajouterons du texte ici. Nous pouvons suivre le même type de procédure. Insert peut donc contenir nos balises que nous allons insérer. Nous pouvons obtenir la position et la ligne de la voiture, obtenir le texte qui se trouve sur cette ligne, créer notre nouveau texte modifié et définir cette ligne. C'est bon. Nous pouvons donc maintenant procéder à partir de là et commencer à ajouter certaines de nos autres options, telles que la taille de police, le gras. Je ne sais pas si c'est souligné, mais je vais vérifier si c'est le cas. En italique et des choses comme ça. 11. 11 Panneau de Toggle: Alors, allons-y et configurons notre petit panneau ici avec nos balises de police. Allons-y et configurons cela de telle sorte que lorsque nous appuierons sur le bouton de police, nous l'activerons et le désactiverons Que nous avons un moyen de nous en débarrasser, car une fois que nous l' avons affiché à l'écran, nous n'avons aucun moyen de le supprimer. Et nous pourrions ajouter un bouton fermé si nous le voulions. Mais puisque si vous voulez le mettre sur votre téléphone, vous n'aurez certainement qu' un espace limité pour travailler. Prenons donc simplement notre bouton de police que nous avons déjà et transformons-le en bascule Maintenant, nous n'allons pas réellement définir le code de bascule dans l'inspecteur Nous pouvons en fait le faire dans un code extrêmement simple. Donc, si nous passons simplement à notre code, où nous appuyons sur le bouton de police, et où nous avons fonta show Il ne nous reste plus qu'à le changer fontag point visible equals, et nous allons mettre un bang ou un point d'exclamation Cela signifie que non, donc c'est négatif. Donc, aucun point de fontag n'est visible. Donc, s'il est visible, il sera réglé sur Non visible. S'il n'est pas visible, il sera réglé sur visible. Donc, si nous l'exécutons, nous pouvons voir qu'à chaque fois que nous cliquons sur ce bouton, il va maintenant basculer d'avant en arrière 12. 12 Gras, Italiques, Souligné, Biffé: Allons-y et ajoutons une option en gras à nos balises de police. Et en fait, nous pouvons le faire assez facilement. C'est bon. nous suffit donc de sélectionner notre conteneur H box à l'intérieur de nos balises de police, contrôler D pour le dupliquer, et nous pouvons le faire glisser vers le bas Donc, si cela se produit, si vous le faites glisser et que vous finissez par saisir autre chose, sélectionnez votre boîte H aga et votre scène, maintenez la touche Alt enfoncée, cliquez et maintenez, puis vous pouvez relâcher touche Alt et maintenir la touche Shift enfoncée pour vous déplacer en ligne droite Et tu peux continuer et régler ça. Maintenant, nous n'avons pas besoin de le faire spécifiquement, car nous pouvons sélectionner nos balises de police, notre panneau ici, ajouter le plus dans un conteneur VBox, puis sélectionner nos deux cases H et simplement les faire glisser vers le bas et à l'intérieur de notre VBox Et comme vous le voyez, cela va nous donner un espacement uniforme pour le tout Je vais juste redimensionner ma VBox et la faire passer. Posez mes ancres. C'est bon. En fait, je pense que je vais juste le configurer pour l'ensemble de l'écran. C'est peut-être une erreur, mais ça vaut le coup d'essayer. On ne sait jamais. Et cela signifie que nous les réduisons complètement. C'est bon. Alors Nancy, tout commence à bien s'aligner. Et si nous voulons ajouter plus d' espacement, comme dans la case H, il suffit de sélectionner notre case V, passer aux ides, et nous avons nos constantes ici, et nous pouvons continuer et définir des quantités d'espace personnalisées Je vais en mettre 50. Maintenant, s'il nous en faut plus, je pourrais toujours réduire l'espace plus tard. Et tout comme notre boîte H, nous avons un alignement de début, qui sera en haut, de fin, en bas, et bien sûr, au centre. Maintenant, c'est à vous de choisir ce que vous choisissez. Je vais juste laisser ça au début. Et maintenant, pour notre deuxième boîte H, je vais changer d'étiquette. Dites-vous du texte en gras. Je vais sélectionner le sélecteur de couleur qui se trouve dans la case SH. Je vais juste appuyer sur la touche Supprimer car nous n'avons pas besoin de sélecteur de couleur ici Et par bouton de couleur, je vais renommer en bouton gras et en modifier le texte pour dire ajouter du gras C'est bon. Maintenant. Voyons voir. La façon dont nous pouvons ou voulons le faire. Mais nous avons l'impression qu' un signal provient de notre bouton en gras, mais ce n'est pas le cas. C'est juste là visuellement parce que nous l'avons dupliqué. Donc, ce que nous voulons faire, c'est passer à l'onglet du nœud où se trouvent nos signaux. Cliquez avec le bouton droit sur ce signal. Maintenant, assurez-vous que nous sélectionnons notre bouton en gras et non notre bouton d'ajout de couleur, qu'il se déconnecte, puis reconnectez le signal pressé à votre script C'est bon. Maintenant, nous sommes de retour ici, et nous avons juste besoin de presque le même code ici. Maintenant, nous n'avons pas besoin de la couleur. Nous n'avons pas besoin d'une nouvelle couleur. Nous devrons positionner la ligne, la ligne de carotte. Nous devons insérer quelque chose, modifier notre texte, puis définir la ligne. Nous allons donc simplement copier ces lignes. En gros, tout sauf notre couleur. Et au lieu de passer une nouvelle couleur, nous allons changer cela ensemble, car nous n'avons aucun argument à faire valoir ici. Cela va juste être entre crochets. Ce sera juste la lettre B, et pour l'autre, ce sera juste B, et c'est tout. C'est tout ce que nous devons faire pour mettre du gras dans notre texte. Donc, si nous devions y jeter un œil, cela devrait simplement fonctionner. Je vais le cacher à partir de maintenant. Vous pouvez appuyer sur ce bouton et nous retirer cette barre d'outils. Nous pouvons aller de l'avant et serrer les bras. C'est ainsi que nous ramons le bateau. Nouvelle gamme. Ramez le bateau, ramez le bateau. Je vais montrer ma barre d'outils parce que je veux peut-être y mettre un boulon maintenant . Appuyez sur la police. Je vais y placer mon curseur. Appuyez sur Ajouter en gras, et nous avons maintenant notre option. Et je peux simplement y copier le texte de ma sélection. Mets ma carotte entre les deux et collez-la dedans. Appuyez sur le bouton de ma police pour faire disparaître ce panneau. Et maintenant, nous pouvons voir que nous pouvons ramer le bateau. Maintenant, que faire si vous voulez ajouter du texte ici, désolé, pas du texte. Vous voulez le rendre audacieux et coloré. Eh bien, nous pouvons le faire. Et l'ordre dans lequel nous l'avons mis n'a pas vraiment d'importance. Mais je vais utiliser la deuxième ligne ici, et je vais faire du bateau en particulier. Je vais donc ouvrir mon panel. Je vais cliquer ici pour jouer à quelque chose. Je vais changer de couleur. Faisons en sorte qu'il soit d'un beau jaune vif. Je vais ajouter de la couleur. Je vais cliquer pour m' assurer que ma voiture se trouve entre mes couleurs, car vous devez avoir toutes vos étiquettes à l'intérieur. Donc, si vous voulez être en gras et en couleur, vos balises de couleur doivent être à l'intérieur du gras ou votre gras doit se trouver à l'intérieur des balises de couleur. Dans mon cas, je vais mettre du gras à l'intérieur de ma couleur. Maintenant, je peux juste saisir le mot bateau. Et collez-le juste entre les deux. Si j'abaisse mon panneau à cet endroit, vous pouvez voir que le bateau est maintenant à la fois jaune et gras. Et nous pouvons comparer cela si je tape encore une fois le mot bateau. Vous pouvez le voir côte à côte, il est très certainement en gras et jaune. Hein ? Donc, si vous voulez que les choses aient plusieurs effets, il vous suffit de placer les balises à l'intérieur des autres balises. Vous prenez donc le texte que vous voulez et vous entourez de plus en plus de balises au fur et à mesure. T. Et c'est tout ce que nous avons vraiment à faire pour ajouter une fonctionnalité audacieuse ici. Allons-y maintenant et nous pourrions faire exactement la même chose. Et si vous voulez prendre de l'avance et essayer de le faire vous-même, allez-y, mais nous allons ajouter du texte en italique Donc, si vous voulez simplement suivre, je vais sélectionner mon conteneur H box qui contient mon texte en gras. Je vais appuyer sur le contrôle D pour dupliquer. Sélectionnez mon étiquette. Remplacez le texte en gras par du texte en italique J'espère que je l'épelle correctement. Mon bouton en gras. Je vais remplacer ce bouton par un bouton en italique. Je vais déconnecter le signal qui semble y être connecté, mais qui ne l'est pas. Je vais double-cliquer sur mon signal de presse, connecté au script principal. Ça y est. Et tout comme en italique, nous pouvons tout prendre du gras et le coller en appuyant sur le bouton italique Et la seule différence ici, c'est qu'au lieu de B pour le tag, nous allons utiliser i. Et de même, nous avons une barre oblique I pour fermer Et c'est tout ce que nous devons faire. Donc, si nous allons de l'avant et que nous disons de ramer le bateau. À la rame, non ? Nous pouvons sélectionner la ligne de mots. Ouvrez nos polices. Désolée, vas-y comme ça. Je vais appuyer sur le, je dois changer le texte sur mon bouton. Pour dire ajouter de l'italique. Alors laisse-moi le faire très rapidement. Dans l'inspecteur, ajoutez des italiques. Ouvre-le. Nous y voilà. Je vais donc placer mon curseur là où je veux mes italiques, ajouter de l'italique, sélectionner une ligne, couper et la coller entre mes balises ouvertes et fermées Nous y voilà. Et maintenant, nous pouvons voir que la ligne a été mise en italique Donc, pour la plupart des plus simples, nous pouvons certainement simplement mettre les balises comme ceci. Et si vous voulez quelque chose, j'aime les choses un peu plus avancées comme certains des effets que nous avons : tornade, vague, arc-en-ciel Et ce genre de choses comporte des arguments supplémentaires que vous pouvez ajouter et qui sont totalement facultatifs, mais ils ne sont pas nécessairement nécessaires. Mais voilà. Juste comme ça, nous pouvons ajouter des italiques. Maintenant, si vous souhaitez suivre la même stratégie ici, nous pouvons également ajouter le soulignement et le barrer. J'ai vérifié et nous avons ces options. Encore une fois, dupliquez, accédez à nos étiquettes. Vous devez le sélectionner à nouveau. Dites souligner le texte. Renommez mon bouton. Bouton de soulignement. Changez les mots sur mon bouton, dites « ajouter un soulignement ». Déconnectez le signal qui semble connecté. Ensuite, connectez réellement notre signal de presse. Copiez tout ce qui se trouve en italique, collez-le dans notre nouveau bouton souligné. Remplacez le I par un U. En minuscules pour ceux-ci N'oubliez pas qu'ils sont tous en minuscules. Et juste comme ça, nous pouvons entrer et ajouter. C'est mon texte, cliquez où nous voulons. Nous pouvons cliquer sur Souligner. Et juste comme ça, coupez-le, collez le texte entre nos lignes, et maintenant le soulignement est souligné. Même chose pour Strike Through. Donc, la case H, dupliquez-la. Changez l'étiquette, par exemple, tapez du texte, changez le nom de votre bouton, dites bouton de frappe Ajoutez une barre dans le texte, déconnectez le signal qui semble être connecté, double-cliquez sur notre signal de presse et la connexion est réellement connectée. Copiez notre ancien code , collez-le dedans, et au lieu de U, nous utilisons S et S. Encore une fois, c'est mon texte qui a été Strike. Cliquez sur Strike, sélectionnez votre texte, puis collez-le entre les deux. C'est un peu difficile à voir, mais croyez-moi, c'est là. Je vais juste aller de l'avant et juste vous y montrer. Je vais sélectionner l'aperçu de mon texte, n'est-ce pas ? L'étiquette de texte Rch Va voir l'inspecteur, et je vais juste regarder autour de moi pour pouvoir faire notre police ici. Nous y voilà. Ils surpassent la taille de police C'est la police normale. Je vais juste passer à 24, pour que vous puissiez voir. Et si on revient, tu vois, c'est là. C'est très difficile. Et personnellement, je n'aime pas frapper celui à cause de sa difficulté à le voir. Et deuxièmement, en fait, c'est juste de quoi il s'agit, non ? C'est difficile à voir. Elle est très similaire à nôtre ou à la couleur de notre texte. On ne peut pas vraiment changer la couleur de la frappe. Et comme vous le voyez, si je change la couleur du texte, la barre change avec lui, sorte que vous ne pouvez pas simplement avoir quelque chose à décaler de cette façon. C'est donc vraiment dommage. Et si nous devions jeter un coup d'œil au thème, nous n'en avons aucune ou aucune couleur frappante. Donc, encore une fois, c'est tout à fait regrettable. Mais nous avons maintenant le soulignement, le barré, le gras, l' italique et la couleur de police Donc, la prochaine fois, nous examinerons possibilité de modifier la taille de police. Juste à l'intérieur de notre programme. 13. 13 Mise en évidence: Avant de passer aux autres paramètres de police, allons-y et passons en revue. Faisons le point fort que je vous ai montré plus tôt. À ce stade, cela devrait vous être très familier. Sélectionnez votre case H, contrôlez D, changez l'étiquette dites surligner, remplacez-la par le bouton de surlignage. Dites « ajouter un surlignage ». Déconnectez le signal d'âge, reconnectez-vous enfoncé, connectez à notre script Nous allons sélectionner ce que nous voulions, puis le coller. Ici, nous allons en fait avoir couleur B G et la couleur BG pour notre étiquette de fermeture. Maintenant, si vous vous souvenez, nous allons en fait avoir besoin d'une couleur ici, donc je vais monter et nous pourrions obtenir, si nous montons assez loin, une couleur et la nouvelle conversion de couleur. Descendez, et nous allons également le coller dans notre surlignage. Nous allons maintenant devoir changer cela car nous ne voulons évidemment pas utiliser l'ancien sélecteur de couleurs Je vais donc monter en haut. Nous allons obtenir une nouvelle variable, une nouvelle exportation. Je vais l'appeler Highlight Sicker. Et faites défiler la page vers le bas et renommez-le ici dans notre code pour surligner le sélecteur C'est bon. Cela devrait donc fonctionner. Le problème c' est qu'il n'y a pas vraiment de couleur ici. Nous avons donc besoin d' un autre sélecteur de couleurs. Je vais donc simplement passer à ma scène et passer au correcteur de couleurs que nous avions dans la section des couleurs de police Et je vais appuyer sur la touche C pour le copier. Descendez à notre texte surligné, case H, appuyez sur Control V pour le coller dedans. Et pour des raisons de cohérence, je vais déplacer mon sélecteur de couleurs entre les deux, comme s'il se trouvait en haut Et si vous voulez réorganiser cela, vous pouvez vous sentir libre. Prenez la case H, déplacez-la simplement vers le haut de l'arbre. Nous y voilà. De cette façon, vous pouvez être un peu plus constant si c'est ce que vous souhaitez. C'est à vous de décider. C'est bon. Donc, avec cela, nous pouvons obtenir notre couleur, changer et cela devrait fonctionner. Nous devons cependant définir cela dans l'ensemble. N'oubliez pas que nous avons créé cette exportation. Appuyons sur un panneau et veillons à sélectionner le bon sélecteur de couleurs. Si vous devez le renommer ou simplement utiliser méthode de glissement et le faire glisser Allez-y, et nous devrions maintenant avoir notre point fort. Attends, j'ai juste oublié. Nous n'avons pas défini notre couleur d'arrière-plan sur quoi que ce soit. N'oubliez pas, tout comme la couleur, dire égal à un pourcentage S ici, puis nous pouvons utiliser un nouveau co pour notre nouvelle couleur. Nous y voilà. J'ai presque oublié ça. Maintenant, nous pouvons entrer et dire que c'est une nouvelle ligne très importante, texte à surveiller lors du test. Et cela peut également s'étendre sur plusieurs lignes si vous le vouliez vraiment. Par exemple, je vais cliquer juste avant le mot important. Je peux donc l'y insérer. Je vais cliquer sur Highlay. Et je vais simplement sélectionner tous les textes que je veux. Donc, la nouvelle ligne et le mot sont importants. Coupez-le et collez-le simplement entre mes tags. Et malheureusement, je ne l'ai pas réglé correctement car je n'ai pas choisi de couleur. Comme vous pouvez le voir, dans l'aperçu, il n'y a qu'un gros bloc blanc. C'est donc dommage. Je vais devoir le refaire. Supprimez simplement les anciens tags. Et sélectionnons en fait une couleur. Optons pour un joli violet ou rose, quelque chose qui ressemble à une belle couleur de surligneur classique, non ? Allons-y avec ça. Je vais cliquer sur Surligner. Et je devrais toujours avoir cette copie. Je les supprime donc simplement. Je peux le coller dedans. Nous y voilà. Baisse ça. Et maintenant, vous pouvez voir que nous avons ce beau moment fort en cours. Maintenant, si vous le souhaitez, vous pouvez ajouter à nouveau l'Alpha. N'oubliez pas que c'est juste une option que nous pouvons activer dans l'inspecteur Et pour te le montrer. Je vais trouver cette deuxième figurine en couleur. Activez l'édition Alpha. Et maintenant, nous pouvons continuer et changer l'Alpha. Par exemple, si j'appuie sur A trois, vous pouvez voir que cela apporte une certaine transparence. Vous pouvez donc l'utiliser pour le surlignage, afin que cela ne soit pas trop sévère pour votre texte. Même dans ce cas, peut-être un 04, c'est un peu trop bas. Allons-y, peut-être un. Quelque chose de bas comme ça, et on peut l'examiner. Et bien sûr, vous n'êtes pas obligé de le modifier dans le manuel. Maintenant, si nous entrons, nous pouvons changer cet Alpha nous-mêmes. C'est bon. Donc, si vous ne le savez pas, souvenez-vous que vous pouvez simplement vous en servir. Peut-être que 1919 est un peu trop, peut-être un peu trop transparent pour le cas d'utilisation. Mais encore une fois, cela dépend entièrement de vous et de vos choix. Quant à ce que tu veux faire. Nous avons maintenant ajouté la partie surlignage. N'oubliez pas que chaque fois que nous avons terminé, nous pouvons toujours simplement saisir notre V split, le sortir vers le haut, sans même avoir à le regarder. Nous pouvons simplement regarder le texte que nous voulons modifier ici. C'est bon. Donc, allons-y et je suppose que nous pouvons maintenant passer à la modification de la taille de police. 14. 14 tailles de police: Très bien, alors allons-y et examinons les tailles de police aujourd'hui. Nous allons maintenant examiner les tailles de police de deux manières. Nous allons envisager de définir ou d'y ajouter une balise, exemple si vous vouliez simplement agrandir un mot ou une phrase un peu plus que le reste. Juste pour souligner un point, peut-être. Et nous allons examiner la possibilité de modifier la taille globale de la police pour la base, lorsque vous êtes en train Et bien sûr, par là, ce que je veux dire, c'est que si je le charge, je mets cette police ici, n'est-ce pas ? Pour les tailles ci-dessus et notre taille ci-dessous et notre petit aperçu que nous allons lire. C'est bon. Nous allons donc ajouter deux options dans notre fenêtre contextuelle, et je pense que nous aurons besoin d' un peu plus d' espace pour cela. Donc, pour moi, je vais passer de 50 ans en tant qu' inspecteur. Je vais le changer à 30. Cela devrait être une place pour les deux derniers éléments de police que je souhaite mettre ici. Je vais donc y aller et je pense que je vais avoir ça près du sommet. Je vais donc passer à mon texte en gras ici, et c'est celui que je vais dupliquer. Et je pense que je vais le déplacer jusqu'en haut pour cela. Et je vais lire mon bouton du bouton en gras au bouton de taille de police, disons. Étiquette. Ça va dire « des cerceaux ». Pas la taille de police. Allons-y en dehors de l'écran. Passons à la taille de police par défaut. Et évidemment, nous allons avoir besoin d'un moyen d' ajouter à cela ou de lui indiquer le numéro que nous voulons. Et je suis en train de modifier le texte de mon bouton ici depuis Ad Bowl pour changer de taille. Et pour ajouter cela entre les deux, que voulons-nous faire ? Je pense que nous utiliserons Nous pourrions utiliser une liste déroulante, ou nous pourrions utiliser un comment ça s'appelle ? Spin box ? Je me demande juste ce qui serait mieux sur un téléphone. Je pense que le menu déroulant sera plus agréable sur le téléphone Je vais cliquer sur mon conteneur HBox pour cette section. Je vais appuyer sur l'icône plus, et je vais sur S pour le bouton Option. Et je vais le renommer en Options de taille. Et je vais le mettre au milieu. C'est un peu petit, donc je pense que nous allons devoir en augmenter la taille. Je vais donc passer à la mise en page. Transformez, et nous pouvons voir un minimum et la taille. Je pense qu'un minimum pourrait être tout ce dont nous avons besoin ici. 30 sur le x. Ça ne va pas marcher. Faisons 100. Je pense que 100 pourraient faire l'affaire. Nous allons de l'avant et testons cela. Pour tester cela, je vais aller chercher nos articles. Maintenant, où vont se trouver ces objets ? Nous le trouvons. Il est là, juste en haut. Je vais dire ajouter un élément, taper, je dis 100, puis 50, et il ne semble pas y avoir de saisie là-dedans. Allez-y, lancez-le et voyez s'il apparaît. n'est pas le cas par défaut, car rien n'est apparemment sélectionné par défaut, mais c'est là. Et si nous devions le sélectionner, nous pouvons voir que nous en avons 150. Nous pourrions probablement nous en tirer en le réduisant, mais je pense que nous allons simplement le laisser de cette taille simplement parce que , en pensant à un téléphone, certaines personnes ont peut-être des mains ou des doigts un peu plus grands. Nous ne voulons pas qu'ils continuent accidentellement à sélectionner l'une de nos options de couleur ici et qu'ils commencent à s'énerver Mais bien sûr, vous pouvez toujours le modifier vous-même. Donc, si vous avez des doigts plus petits, vous pouvez peut-être vous en tirer avec des options plus petites. Mais bon, vu ça, ça a l'air bien, je vais juste supprimer ces éléments, et nous pouvons le définir dans le code. Très bien. Donc, avec mon bouton de taille de police, je vais déconnecter le signal copié. Je vais reconnecter ce bouton enfoncé, connecter. Cela nous donnera une pression sur la taille de police, et je passerai à mes options de taille, et je vais sélectionner les éléments. Bien, nous voulons y aller ? Ou avons-nous simplement besoin, en fait, je pense que nous avons juste besoin de la taille de la police, et c'est tout ce que nous pouvons faire. Maintenant, je vais faire défiler la page vers le haut, et je vais ajouter une exportation ici. Je vais donc dire barre d'exportation, et ce sera notre option ou nos options de police. Bien entendu, nous allons utiliser ce comme bouton d'option. Et nous pouvons également obtenir le bouton de taille de police. Très bien, nous allons passer à Non, nous n' en aurons pas besoin. Nous allons juste avoir besoin d'obtenir des données à partir de l'option Font. C'est bon. Cliquez donc sur mon nœud principal, allez dans l'inspecteur et assignez cette variable au bouton d'option d' option de ma taille que nous venons de créer. Et en redescendant. Nous avons maintenant l' option de taille de police Font Press, et nous devons continuer et modifier cela Donc, lorsque vous appuyez sur cette option, nous voulons obtenir la taille de la police, tout d' abord, varier ou, désolé, pas encore. Var, nous l'appellerons taille de police. Et je vais le présenter comme une variante. Ce sera avec un V majuscule ici. Si je peux l'épeler. Et tout ce qu'une variante signifie, c'est que le type de données de cette variable peut être n'importe quoi. Il peut s'agir d'un int, puis nous pouvons le changer chaîne, puis nous pouvons le changer en un float, puis nous pouvons le changer en a. Cela signifie simplement que c'est mutable, n'est-ce pas ? C'est quelque chose que nous pouvons modifier en permanence en ce qui concerne le type de données. Ainsi, une variante peut stocker n'importe quel type de données, ce qui n'est pas aussi performant transformer quelque chose directement en chaîne ou en couleur. Mais c'est quelque chose, non ? Il ne s'agit donc pas toujours de deviner. C'est comme si, OK, je sais que je suis une variante. Je ne sais pas ce que je vais devenir, mais au moins je sais quelque chose, non ? Ce n'est donc pas aussi performant que nous pourrions le faire, mais cela n'aura pas beaucoup d'impact dans notre cas, autant plus que nous n' avons qu'une seule chose ici. D'accord. Donc, cette taille de police, nous allons la définir égale à. Nous voulons obtenir notre bouton d' option, et je garde l'une de ces fois, je vais obtenir les options de police, et nous voulons obtenir un article Est-il sélectionné ou obtenir un élément sélectionné ? Obtenez l'identifiant sélectionné. Cela va nous donner un identifiant à utiliser. Et maintenant, nous allons modifier cela. heure actuelle, la taille de police est un À l'heure actuelle, la taille de police est un t. Nous allons dire que la taille de police égale et nous options de police pour obtenir l'élément, nous obtenons le texte et nous transmettons l'index, qui est l'identifiant, qui est la taille de police, et j'espère que c'est correct et que nous n' aurons pas d'erreur ici. Si c' est le cas, je vais simplement vérifier quel identifiant sélectionné nous renvoie. Mais l'identifiant par défaut est essentiellement l'index. Et maintenant, la taille de police à ce stade serait une chaîne, justement parce que nous obtenons le texte de l'élément, qui, même s'il s'agit d'un chiffre que nous avons saisi, sera toujours lu sous forme de chaîne. Nous pouvons donc dire que la taille de police est égale à nous, nous pouvons également dire taille de police point deux. Vous pouvez simplement dire int avec vos parenthèses et à l'intérieur de cela, taper la taille de la police Donc, l'une ou l'autre de ces deux options fonctionnera. Ils convertiront votre chaîne en un entier. Je vais juste utiliser deux int, mais c'est à vous de choisir. Nous avons donc maintenant un int sur lequel nous pouvons le définir. Et juste pour être sûr, allons-y et imprimons la taille de police. Et assurons-nous que cela fonctionne. Sauvegardez-le. Allons-y et exécutons-le, et en fait, nous n' obtiendrons rien. Parce que nous n'avons aucune option ici. Donc, si je change de taille, nous obtenons zéro, et nous obtenons une erreur, et cette erreur, bien sûr, est que l'indice négatif un est hors limites, ce qui est logique car un négatif signifie que rien n'a été sélectionné Nous devons créer ces options et les ajouter. Je vais donc faire défiler la page jusqu'en haut. Je vais créer une variable pour les choix de polices. Ça va se passer dans un jour. Et nous allons le définir comme égal à une paire de crochets et à l'intérieur, 16 est la valeur par défaut, si je ne me trompe pas. Je vais donc aller de l'avant et je vais juste en faire dix, 12, 14, 16, 18, 2024, six, 20, sont 16, 26, 28, deux, et j'ai fait la même chose. Six, huit sur 40, et je pense que ce sont les seules options que nous allons offrir, simplement parce que n'est pas le cas, nous n'avons pas vraiment besoin d'autre chose. Maintenant, nous pouvons affiner davantage ce et automatiser l' ensemble de ce processus si nous le voulons. Je vais vous montrer les deux méthodes ici. Donc, en utilisant des paramètres prédéfinis comme celui-ci pour nos choix de polices, nous pouvons dire 44 FC pour le choix de police, ce sera un, ou co dans les choix de polices. Pour chacun de ces articles que nous mettons dedans, nous obtenons. Et si nous le voulons, nous pouvons continuer et imprimer du FC, et vous pouvez le voir dans vos résultats. Nous voyons donc tous les chiffres de chaque option. C'est génial. Au lieu de l'imprimer, nous voulons que nos options de police ajoutent un élément. Et le label, c'est ce que nous voulons mettre, qui sera bien sûr FC, mais il faut que ce soit une corde. Ainsi, lorsque vous faites du STR, parenthèses ouvertes et fermées, et à l'intérieur de cette paire, vous pouvez transmettre FC Maintenant, si nous y jetons un coup d'œil, nous pouvons voir que toutes nos options sont là, peu importe ce que nous voulons faire, et si nous changeons de taille, nous pouvons voir tout ce que nous avons sur un feuillet imprimé. R. Maintenant, si vous vouliez que cela soit automatisé au lieu de créer toutes ces options, par exemple, vous pourriez plutôt dire quatre I sous la forme d'un entier compris dans une plage allant, disons, de 100. Et de même, nous pouvons dire que les options de police ne permettent pas d'ajouter un élément. I. Encore une fois, il faudrait que ce soit une chaîne. Le problème pour le moment , c'est que lorsque nous l' exécutons, nous y jetons un coup d'œil, nous pouvons voir que nous allons tout faire passer de zéro à 99. Si vous voulez avoir jusqu'à la taille 100, vous allez devoir le faire un par un. Maintenant, nous avons toutes ces options là-dedans. n'est pas ce que nous voulons. Nous voulons uniquement ajouter une option si elle est divisible par deux Donc, si vous vouliez le faire, nous le ferions. Ensuite, nous utiliserions le signe du pourcentage, qui est un modulo ? Ensuite, nous utiliserions le signe du pourcentage, qui est un modulo Deux. Donc pour le moment, nous disons en gros que j'ai divisé par deux, puis nous obtenons le reste. Donc, si nous faisions 3/2, nous en obtiendrions un, et si nous faisions le calcul , c'est trois moins deux, ce qui nous donne un reste et cela nous donnera 0,5, et ce reste lorsque nous utilisons ce module est ce qui nous est Donc, si je vais de l'avant et que je le montre, ici. Je vais donc simplement continuer et imprimer ceci. Je vais donc dire imprimer, je vais dire trois, comme dans notre exemple, modulo deux Vous verrez si nous en récupérons un, car il nous en reste un après notre division. Cela ne va pas atteindre ce point de desmo. Ça va nous donner celui-ci. Et c'est ce que nous recherchons. S'il nous reste du reste, ce n'est pas une division égale. Par exemple, encore une fois, disons que nous avons une taille 40 modulo deux, cela nous donnera un zéro car il ne reste plus rien, n'est-ce pas ? Il peut y entrer en quantité égale 20 fois. C'est donc ce que nous allons utiliser. Nous allons dire que si je modulo pour cent deux est égal à zéro Donc, s'il s'agit d'un nombre pair, je vais simplement ajouter un élément ici. Nous allons faire nos options de police pour ajouter à l'élément une chaîne de I. Maintenant, si nous le regardons, nous l'ouvrons, vous pouvez voir si nous avons zéro, deux, quatre, six, huit, dix, 12, n'est-ce pas ? Nous allons donc par deux 0-100. Et tu pourrais faire un pas de plus si tu le voulais. Donc, dans mon cas, je ne suis passée que de la taille 10. Nous pouvons donc dire que si le module deux est égal à zéro, et I est supérieur ou égal à, est-il supérieur ou égal à dix. Ensuite, nous pouvons l'ajouter, et nous finirons par obtenir la même chose, non ? Dix, 12, 14, 16, encore une fois jusqu'à 100. Donc vraiment, c'est à vous de décider si vous voulez faire quelque chose de entièrement généré comme celui-ci sur place. Ou si vous souhaitez qu' une option prédéfinie soit mise en place pour vous. Moi, je vais juste utiliser mes options prédéfinies parce que je ne pense pas que vous voudriez jour descendre en dessous de dix, et je ne peux pas imaginer vouloir aller au-dessus de 40. Mais ce n'est qu'une autre façon de procéder. Je vais donc simplement utiliser mon tableau que j'ai créé ici. Hein ? Je vais donc revenir en arrière jusqu'à sur le bouton de taille de police, car maintenant nous avons nos polices, elles sont chargées. Mais nous avons répertorié nos tailles de police. Et maintenant, au lieu d' imprimer notre taille de police, dont nous savons qu'elle fonctionne, nous pouvons procéder à la définition de nos polices. Maintenant, le problème que nous allons avoir, c'est que nous allons avoir beaucoup de code répété. Donc, tout d'abord, je vais vous montrer l'édition de texte, et nous allons devoir utiliser une fonction appelée Set. Et set prend deux arguments. Il prend la propriété comme premier argument, puis notre deuxième argument, qui sera la valeur à laquelle vous souhaitez la définir. Je vais donc sélectionner l'édition de texte. Accédez à l'inspecteur sur la droite, faites défiler l'écran jusqu'en bas, et nous verrons des remplacements de thèmes Ouvre ça. Vous verrez les tailles de police, ouvrez-la. Et ce que vous voulez faire, il suffit de cliquer sur Taille de police faire glisser entre parenthèses la faire glisser entre parenthèses et de lâcher prise Il y a donc le chemin de la propriété. Thème du thème Underscore Override, police de soulignement, tailles Police Slash, taille du soulignement. Il y a donc beaucoup de choses à retenir pour toi. Et si vous passez simplement votre souris dessus, cela indiquera simplement la taille de la police, ce qui peut être un peu confus C'est pourquoi j'ai suggéré de la faire glisser nous puissions réellement voir quel serait le chemin complet C'est bon. Maintenant, nous faisons cette virgule, et nous transmettons une valeur, qui sera notre propriété de taille de police ou notre variable de taille de police D'accord. Nous pouvons donc aller de l'avant et tester cela. Je vais donc aller de l' avant et m'occuper de ça. D'accord, nous allons nous débarrasser de tout ça. Nous allons taper quelques éléments ici pour que nous puissions les tester. Même sur plusieurs lignes, comme vous le voyez ici. C'est bon. Je vais donc cliquer sur Afficher. Je vais cliquer sur Police, puis sur Taille 32 et sur Taille de chaîne de clics, et nous pouvons voir toutes les mises à jour en haut. Maintenant, pas en bas, en bas, il va falloir se réveiller de toute façon. Mais vous pouvez voir que notre taille de police fonctionne. Et si vous vous demandez, je crois que la taille 16 est la taille par défaut. C'est là qu'une grande partie de la répétitivité va entrer en jeu Par exemple, pour notre aperçu en bas de page. Il faudrait obtenir un aperçu du texte. Réglez, et nous ferons la même chose, non ? Nous passons à l'aperçu du texte dans notre arborescence. Accédez à notre inspecteur, faites défiler vers le bas les moides, les tailles de police, et vous verrez des italiques gras, des italiques, des modes mono, normaux Et nous allons devoir prendre chacune d'entre elles. Nous allons avoir besoin de la même ligne de code. Quatre fois. Nous n'avons pas vraiment besoin de la version mono, mais si vous le souhaitez vraiment, vous pouvez l'inclure. W, tu t'en donnes cinq. Et si nous le glissons, nous pouvons voir que tous suivront le même format. La taille de police de remplacement du thème est une barre oblique, puis le nom de l'option Nous pouvons donc réellement réduire cette utilisation. Pour ce faire, je vais simplement créer une nouvelle fonction. Et je vais dire, mettez ceci comme mise à jour de la taille du texte d'aperçu. Il faut un rayon de temps pour dire ça. Nous allons dire, désolé, pas les tailles. Euh, c'est juste un nom un peu bizarre de les appeler comme tailles de police, mais ensuite ce seront des chaînes de caractères. Ce ne seront pas vraiment des chiffres . Nous dirons options. Nous dirons que cela doit être dans un tableau, et nous prendrons la taille en tant que. Bien entendu, cela ne renvoie rien. plus que de créer une flèche et un vide, c'est-à-dire de ne rien attendre en retour. Et puis nous pouvons facilement utiliser un quatre, on peut dire quatre, ce qui est une variété d' options, n'est-ce pas ? Donc, pour chaque élément que nous transmettons ici, qui sera de notre type ou gras italique, en gras normal Donc, pour chacun d'entre eux, nous l'avons mis là. Nous allons continuer et je vais appuyer sur Coller. Nous voyons donc un ensemble de points d'aperçu du texte, nous avons des tailles de police de remplacement par thème, mais ce dernier élément est là Je vais le supprimer, et je vais dire, plus h, en dehors des guillemets. Et bien sûr, cela nécessite un deuxième argument. Disons espace, taille. Cela va donc au moins réduire la quantité que nous avons utilisée. Je vais donc appeler cette fonction que nous venons de créer. Nous avons donc besoin d'un ensemble d'options et nous transmettons notre propriété de taille de police que nous avons créée. Alors maintenant, toutes ces options. Si vous le souhaitez, vous pouvez saisir le bord de l'inspecteur et le retirer pour pouvoir tout voir. Et juste en bas de la liste, ce sera en gras, en italique de soulignement, en police de soulignement, en taille de soulignement Je vais mettre le coma et juste pour que cela soit un peu plus facile à lire, je vais appuyer sur Entrée pour passer à l'option suivante. Et je pense que je vais le faire également au début. Juste après mon premier crochet, je vais appuyer sur Entrée. Nous y voilà. Le prochain sera en italique. Soulignez la taille de la police, et pareil, menu déroulant. Maintenant, gardez à l'esprit que tout cela sera en minuscules, et je vais inclure le modèle uniquement à cause de la taille de police du modèle. Taille de police normale. Et nous avons presque terminé. Nous avons encore une taille de police en gras. Et si vous commettez une erreur comme celle-ci, qu'ils ne sont pas entre guillemets, vous pouvez simplement sélectionner tout ce qui s' y trouve vous pouvez simplement sélectionner tout ce alors qu'ils ne sont pas entre guillemets, vous pouvez simplement sélectionner tout ce qui s' y trouve et cliquer sur votre citation, qui mettra le texte sélectionné entre guillemets. Cela facilite donc un peu lecture lorsque vous avez plusieurs éléments comme celui-ci. Et maintenant, nous devons examiner chacune de ces options et définir la taille de police correspondante. Donc, quoi que nous fassions, si nous voulons juste un texte en gras, nous pouvons le faire, et la taille de police restera la même Nous pouvons donc maintenant l'exécuter, et cela devrait fonctionner parfaitement. Nous allons également changer l' option sélectionnée ici à 16 ici. Dans une seconde. Mais tu peux voir si nous pouvons entrer. Nous pouvons dire que voici notre démo textuelle pour le dimensionnement. Je vais aller de l'avant et faire apparaître notre police de caractères. Je vais ajouter du pli et du souligné là-dedans. Oups. Ce tag, je veux l'avoir après mon gras. Et je vais juste le déplacer directement à l'intérieur. Et nous pouvons le voir ci-dessous. Nous avons notre texte normal en gras et souligné, et je vais modifier la taille de police 26. Nous pouvons donc voir toutes les mises à jour, tout. Que nous utilisions ou non un soulignement en gras, n'est-ce pas ? Les italiques fonctionnent très bien, tout parce que tout sera réglé sur la même taille par défaut Maintenant, que faire si vous voulez avoir un texte un peu plus grand ? Eh bien, avec cela, nous allons devoir utiliser notre balise de police. Et cette balise de police va en fait être très simple pour nous. Et encore une fois, nous pouvons faire même chose ici avec notre texte en gras et tout le reste. Donc, si je trouve juste où nous sommes ici, je vais utiliser le contrôle D pour le dupliquer à nouveau. Sélectionnez cette option, je veux l' avoir en haut. Je vais modifier l'étiquette pour indiquer le texte de police , la taille de la police, le texte. C'est mon bouton pour lire Ajouter de la taille. Maintenant, si vous voulez que cela soit un peu plus clair, vous pouvez dire tag, ajouter une étiquette de taille. C'est ainsi que je vais renommer mon bouton. Bouton d'étiquette de taille. Bien sûr, déconnectez ce signal et reconnectez-le à notre signal principal, et nous avons maintenant notre option d'étiquette de taille Je vais juste faire défiler la page vers le haut parce que, encore une fois, ce sera très similaire. Je vais copier une grande partie de cette section consacrée aux points forts. Nous allons donc conserver la position de soin, la ligne de conduite, la variable de ligne, l' insert et le nouveau texte, ainsi que la ligne de réglage. Je vais le coller dedans. Et voyons voir. Position de la carotte fine, ligne de carotte, y, ligne variable, chaîne. C'est un ensemble de technologies qui permet de franchir la ligne des carottes. Ouais. Ça a l'air bien. Nous avons une erreur ici sur notre insert, de notre insert, c'est une chaîne de caractères. Et au lieu de la couleur BG, nous allons utiliser une taille de soulignement de police égale à un pourcentage S. Oui, c'est très bien Et puis la taille du trait de soulignement de la police de fermeture. Et ce pourcentage sera la nouvelle taille que nous voulons introduire. Nous allons donc avoir besoin de quelque chose ou d'un moyen à mettre là-dedans. Nous n'avons pas à le faire Oui, nous n'avons pas besoin d' avoir d'option là-dedans parce que vous allez taper de toute façon. Donc je vais juste en mettre 16, non ? 16 % pour juste le remplir. Et puisque nous le faisons par défaut ou que définissons simplement un numéro par défaut y définissons simplement un numéro par défaut. Nous n'avons même pas besoin des pourcentages Je vais dire que la taille du score de police est égale à 16 et il suffit de la taper. Et toutes nos erreurs devraient disparaître. Un nouveau texte devrait remplacer cette ligne. Ensuite, nous avons défini cette ligne sur notre édition de texte, ligne de carotte et notre nouveau texte. Ouais. Tout ça a l'air bien. Donc, si nous allons de l'avant et que nous avons quelques textes insérés ici, changez notre police, peut-être en taille 26, peut-être même plus. Disons 32. Et maintenant, nous pouvons dire taille de police par étiquette de taille. OK, cool. Débarrassons-nous de ça pour voir. Si nous devions taper ici entre nos balises d'ouverture et de fermeture, nous pouvons dire, voici la nouvelle taille, et nous pouvons voir ci-dessous. Cela va créer un espace ici. Clarifiez ça. Nous voyons donc ci-dessous que la taille de police nous permet de modifier cela à tout moment Si nous voulons changer cela, nous pouvons entrer et simplement le remplacer par 16, peut-être même taper 60, et maintenant il est encore plus grand. C'est bon. J'ai oublié que nous n'étions que 32. Oui, 32, ça a l'air correct. Alors je voudrais peut-être insister un peu sur ce point et dire 36. Juste pour y ajouter un petit peu. Un peu d'emphase, non ? Sur la base de la taille pure, peut-être 38, mais vous avez compris l'idée, non ? Nous pouvons donc modifier la taille globale de la police, que nous pouvons également revenir en arrière et modifier à tout moment. Cela ne nuit à rien, et nous avons notre balise de taille de police que nous pouvons insérer et modifier. Si nous voulons simplement modifier une petite partie du texte, mais pas la totalité de notre texte. Voilà. Il existe deux manières de modifier la taille de la police, l'une pour les côtés généraux de tout et l'autre en utilisant les balises afin que nous puissions simplement modifier les côtés d'une partie. C'est bon. J'espère que rien de tout cela n'a été source de confusion et que vous avez pu suivre une longue amende. Nous allons entrer dans des options un peu plus intéressantes ou je ne sais pas si je veux vraiment les appeler options avancées, mais elles peuvent être des options dont tout le monde n'aurait pas besoin. C'est bon. Donc, si vous voulez juste passer à la partie texte, vous avez configuré tous vos principaux éléments ici pour vous. Et si vous souhaitez examiner davantage de ces codes BV, vous savez comment créer davantage de ces options à l'aide de ces balises C'est bon. C'est donc tout pour celui-ci. Je vous verrai à la prochaine leçon. 15. 15 tables partie 1: Très bien, nous allons créer une nouvelle section pour notre petite barre d'outils ci-dessous, donc pas seulement pour les polices, mais aussi une toute nouvelle section pour les tableaux. Et comme vous le voyez ici, nous allons configurer la possibilité de définir quelques options, puis de générer ce tableau essentiellement pour Nous n'avons donc qu'à entrer et à modifier le texte. D'accord. Cela ne devrait donc pas être trop compliqué, juste plus long. Tout cela, ce ne sont que des choses que nous avons déjà faites, il suffit de les regrouper en une seule section, n'est-ce pas ? Nous pouvons donc commencer par créer notre nouvelle option ici. Nous allons y retourner. Je vais arrêter ça, revenir à nos deux D. Et c'est à ce stade. Je crois que nous avons une référence à nos balises de police. Oui Oui, nous le savons. Hein ? Je vais donc entrer dans mon script très rapidement, et je vais ajouter une autre exportation, et celle-ci sera destinée aux balises de table. Je vais donc simplement copier mes balises de police et coller la nouvelle. Appelez cela des balises de table. Et voyons voir. Quelle est la taille de celui-ci ? Je pense que je vais juste copier tout ça. Donc, dans mon inspecteur avec la balise Font sélectionnée, je vais cliquer sur ce français et sur Tournevis ou Tournevis et Et je vais sélectionner les propriétés de copie. C'est vrai. Alors maintenant, je peux revenir à mon panneau principal et ajouter un autre panneau ici. Et pour faciliter les choses, je vais simplement cliquer à nouveau sur ces options et cliquer sur Coller les propriétés. Maintenant, il est au même endroit avec les mêmes ancres, il a la même taille et tout le Et je vais le renommer en tags. Et je peux facilement l' ajouter à mon tableau principal, juste pour le signer dans les balises de tableau. Encore une fois, la première chose que nous allons vouloir ici est probablement une boîte en V, un conteneur à boîte verticale. Et si je ne me trompe pas, ce sera juste complet. Oui Je vais donc faire la même chose. Je vais simplement copier les propriétés de celle qui se trouve à l'intérieur de mes balises de police et la coller dans celle de mes balises de table. De cette façon, nous pouvons gagner un peu de temps au fur et à mesure. Pour mes balises de police, je vais cliquer sur le globe oculaire ici pour qu'il ne soit pas visible De cette façon, nous pouvons nous concentrer uniquement sur ce qui se passe ici. Donc, à l'intérieur de ma VBox, je vais ajouter mon conteneur H box, et celui-ci aura une étiquette Il y aura probablement un sélecteur de couleurs. C'est ce que vous voulez, le bouton du sélecteur de couleur. Bouton de sélection de couleur. Et si nous avons besoin de quoi que ce soit à ce sujet. Je ne sais même pas lequel nous sommes. Commençons par. Nous appellerons ce chef. En-tête. Color be my header color button. Et je vais juste vérifier l' autre taille et voir quelle taille nous utilisions. Juste pour te faciliter un peu plus la tâche. Je vais simplement copier les propriétés puisque vous allez utiliser le même ou le même système, n'est-ce pas ? Je vais donc cliquer dessus et coller les propriétés dans mon nouveau. Allons-y. Boîte H. Je crois que nous utilisons Centered. Le thème prévaut pour notre séparation. Honnêtement, je ne me souviens pas de ce que nous utilisons. Je vais juste en ajouter 100 pour le moment. Donc, couleur de l'en-tête. De quoi d'autre aurons-nous besoin ? On peut en faire une autre pour les couleurs, non ? Couleur d'arrière-plan de l'en-tête. Laisse-moi juste l'appeler BG. Nous pouvons le dupliquer à nouveau car nous aurons également besoin de quelques couleurs supplémentaires ici. Colonne uniforme. N'est-ce pas une colonne, c'est une ligne, même une couleur de ligne. Je vais revenir en arrière et les renommer dans un instant. Ce sera B R. Couleur de ligne impaire. Je vais juste renommer ces boutons, bouton de couleur de ligne. Bouton de couleur uniforme. Bouton couleur En-tête VG. Maintenant, le fait est que nous n'avons besoin de ces options qu'en fonction de ce que nous avons sélectionné ou des options que nous voulons utiliser. Je vais donc aller de l'avant et voir la couleur de l'en-tête. Voulons-nous cocher des cases ? Je pense que oui. Cela signifie donc que nous allons avoir une autre boîte H que j'aurai tout en haut de ma liste, pas en bas. Je veux ce haut. Il y aura une étiquette et une case à cocher. Cette étiquette indiquera les couleurs de l'en-tête. Et je vais m'assurer que cette boîte H est intentar comme tout La constante Mides, nous utilisons 100. Maintenant, cette case à cocher peut être un peu difficile à voir. Donc, ce que je vais faire au lieu d'une case à cocher, je vais simplement cliquer avec le bouton droit de la souris et utiliser le type de modification Et je vais mettre un bouton de vérification. De cette façon, c'est plus facile à voir, et si nos paroles sont appliquées, vous le verrez beaucoup plus facilement, surtout lorsque nous l' activons et le désactivons. Ensuite, nous aurons un signal basé sur cela. Quatre heures sur les options que nous allons vous montrer. Et bien sûr, nous allons également devoir les acheter pour notre plat principal. Commençons donc par « Vous savez ce que je vais également dupliquer celui-ci afin que nous puissions faire tout cela en même temps ». Je vais le mettre dans nos rangées. Notre étiquette indiquera d' utiliser les couleurs des lignes. Par défaut, tout cela devra l'être et nous allons devoir nous les procurer Nous souhaiterons peut-être également donner ces noms personnalisés. Récipient à rangées égales. Je dirais que c'est étrange. Conteneur Row. Couleurs des lignes, fin, conteneur d'en-tête et conteneur d'en-tête. Ils ont des noms personnalisés. Cela va rendre les choses un peu plus faciles. Nous allons avoir besoin de nous en procurer. Et maintenant, nous allons connecter ces signaux. Donc, notre bouton de vérification pour utiliser les couleurs d'en-tête. Je vais monter au nœud et connecter le signal pressé. Connectez cela à mon script principal. Et qu' allons-nous faire ici ? Eh bien, selon que ce bouton est vrai ou faux, n'est-ce pas ? Qu'il soit vérifié ou non. Et si nous ne savons pas ce que c'est, nous pouvons cliquer sur Inspecteur avec le bouton de vérification sélectionné, et nous faisons simplement défiler la page vers le bas, nous y jetons un coup d'œil. Oh, un bouton est enfoncé, et il sera activé ou désactivé. Nous pouvons donc vérifier en appuyant sur le bouton d'impression. Le problème, c'est que nous allons également avoir besoin de ce bouton Créons donc d'autres exportations ici en haut. C'est bon. Donc, barre d'exportation. Utilisez le bouton d'en-tête. Cochez le bouton, et nous en aurons un autre ou utiliserons le bouton des couleurs des lignes. Et ce sera également un bouton de vérification. Allons-y et attribuons-les. Donc, utilisez le bouton d'en-tête, ça va être vérifier l'en-tête. Et le bouton des couleurs des lignes sera le bouton de vérification des couleurs. C'est bon. Alors maintenant, nous pouvons facilement dire, quand c'est là, nous pouvons dire utiliser le bouton d'en-tête en appuyant sur le bouton point. Nous pouvons donc le faire sur cette base. Et si vous voulez vous assurer que vous avez le bon bouton, vous pouvez continuer et imprimer le bouton principal, appuyer sur le bouton. Et vous le verrez dans le résultat lorsque nous cliquons dessus. Nous voyons du faux, du faux. accord ? Maintenant, une option que je veux avoir ici. Maintenant, j'ai renommé ces conteneurs. Mais je pense que je vais vous montrer comment utiliser les signaux pour cela. Ainsi, à l'intérieur de notre conteneur d'en-tête, nous avons les options header et header BG. Ce que je vais faire, c'est simplement sélectionner l'un d'entre eux. Passez à non, comme si nous connectons un signal, mais si nous regardons en haut, nous voyons des signaux et des groupes, je vais cliquer sur groupes, bouton plus, et maintenant nous arrivons à et maintenant nous arrivons cette petite fenêtre contextuelle dans laquelle vous pouvez mettre un nom. Et je vais juste saisir les options d'en-tête. Maintenant, comme il ne s'agit que d'une seule scène, nous pouvons laisser global désactivé dans ce cas, car nous n'en avons pas vraiment besoin. Mais si nous le voulions, nous pourrions l' activer , mais je ne vais pas le faire. Je vais laisser les choses comme elles sont pour le moment. Et si nous cliquons sur la couleur de l'en-tête, notre conteneur d'arrière-plan d'en-tête, et que nous le regardons par groupes, il suffit de cocher cette petite case, et le tout se trouve à l'intérieur de ce groupe Si vous utilisez une autre version du moteur Gatto, vous pouvez avoir la possibilité de cliquer sur Gérer les groupes sur cette page D'habitude, juste en haut, quelque part. Et vous pourriez y aller et simplement déplacer le nœud pour qu' il fasse partie du groupe. En gros, ajouté au groupe, vous aurez une autre fenêtre contextuelle. Mais si vous utilisez la dernière version, il vous suffit de cocher cette case. Et tu seras douée. Et je vais faire de même pour nos conteneurs en rangées. Je vais donc parler d'un nouveau groupe. Conteneurs en rangées. Et je vais ouvrir mon autre contenant et cocher le conteneur Row. C'est bon. Maintenant, la raison pour laquelle nous l'avons fait est que lorsque nous cochons ce bouton, il peut facilement être réglé sur toutes nos options. Nous pouvons donc simplement obtenir tous les nœuds de ce groupe. Nous pouvons donc dire Var, options d'en-tête. Cela va être dans un tableau, et nous pourrions le définir comme égal à t underscore trois nœuds et underscore dans le groupe, et nous pourrions simplement taper le groupe sous forme de chaîne, ce qui dans notre cas est une option d'en-tête Cela permettra d'obtenir nos deux conteneurs d'en-tête, et nous pouvons dire quatre ou quatre en-têtes, ce qui sera un conteneur de boîte H, options d'en-tête ici. Et sur la ligne suivante, nous pouvons simplement appuyer sur le bouton que nous avions déjà appuyé. Et nous pouvons simplement dire que l'en-tête visible équivaut à utiliser le bouton d'en-tête, appuyer sur le bouton point. Et si nous l'avons fait , vous devriez voir que nos options d'en-tête sont visibles lorsque le bouton enfoncé et disparaissent lorsque nous le désactivons. C'est bon. Nous pouvons donc maintenant l'utiliser comme bascule, et si ce bouton n' est pas enfoncé, nous n'avons rien à y ajouter Et si vous appuyez dessus, nous pourrions prendre en compte ces couleurs. Nous allons configurer la même chose avec les couleurs de nos lignes. C'est bon. Passons donc à notre bouton de vérification pour la couleur de notre ligne et faisons la même chose. Nous allons connecter le signal pressé. C'est bon. Donc, dans ce cas, je n'y ai pas prêté attention, et comme ils partagent le même nom, ils se sont simplement connectés à la même fonction Je vais donc la déconnecter et la reconnecter à nouveau Je vais juste ajouter un trait de soulignement en appuyant sur le bouton de vérification pour lui donner un nom différent Allons-y. Et je vais tout sélectionner dans notre fonction que nous venons de créer et le coller car nous aurons des options très similaires. Donc, de nos options de ligne. Le groupe que vous souhaitez obtenir s' appelle Row Containers. Pour Bro et options. Visible, et nous devons changer ce bouton maintenant. Je ne me souviens pas comment nous l'avons appelé. Si c'était le cas, s'agit-il de R options ? Non Non C'est ce que nous venons d'avoir. Je ne pense pas en avoir défini un. Donc je vais juste appuyer sur faire. Voilà, juste pour y retourner, faites défiler la page vers le haut. J'ai utilisé le bouton de couleur des lignes. Utilisez donc row. Ça y est. Le bouton Colors, cette pression sur les fesses. Et si nous y jetons un coup d'œil, celui-ci fonctionne également maintenant. Nous avons donc fait fonctionner l'en-tête. Et les couleurs des lignes. Maintenant, pour que cela fonctionne immédiatement dès que nous sommes prêts, nous pouvons simplement appeler ces fonctions, ou nous pouvons simplement accéder à l'arborescence des scènes et les désactiver par défaut. Mais je vais aller de l'avant et appeler les fonctions. Soyez debout. Maintenant, quand je lancerai ça, ils devraient être près de D. Et voilà. Cool. Nous avons donc ces ensembles. Cela fait partie de notre tableau des options qui s'offrent à nous. Nous avons donc besoin des balises de table réelles. Je vais donc revenir à ma scène en deux D. À l'intérieur de ma boîte V, je vais juste ajouter un bouton. Je l'appellerai « table tag button ». Et ce bouton va juste indiquer « ajouter une table ». Et nous allons avoir besoin de quelques w parce que nous allons avoir besoin de savoir combien de colonnes ils veulent. Bien sûr, ils sont nombreux à vous, dans ce cas, si vous le faites vous-même. Nous allons donc avoir besoin d' une autre boîte H là-dedans. C'est bon. Étiquette de table Nous avons donc besoin d'une autre boîte H. Sélectionnez une case V, ajoutez une nouvelle case H. Boîte H, bien sûr, lorsque vous vous centrez, la case de séparation Mide cent. Déplace ça au-dessus de mon bouton. Donnez-lui une étiquette. Je peux dire colonne de table. Compter. Et nous pouvons ajouter un bouton d'option, afin d'avoir une liste déroulante de chiffres. Mise en page, taille minimale, redonnez-lui 100. Appelez cela le nombre de colonnes. Bouton Ajoutez une nouvelle exportation pour. Nombre de colonnes de la barre d'exportation. Bouton Il s'agit d'un bouton d'option d'options. Accédez à notre script et attribuez-le. Comme nous l'avons fait précédemment, nous pouvons continuer et ajouter un certain nombre de colonnes. Je vais enregistrer les options de nos colonnes. C'est un autre tableau. Et voilà, nous allons avoir une table, donc vous aurez probablement au moins deux options, non ? Je vais donc commencer par deux, trois, quatre, cinq, six, sept, huit, neuf et dix. Ça va être un peu dingue, mais je vais quand même vous donner les options Et comme avant, nous allons simplement procéder et lancer quatre pour l'option. Nous pouvons l'appeler CL pour l'option de colonne. Ce sera un int dans les options de colonne. Et nous allons obtenir un point sur le bouton de décompte des colonnes pour ajouter à un élément une chaîne de CO. C'est bon. Donc, si nous le lançons, nous pouvons y jeter un œil. Nous voyons que toutes nos options sont ici. Nous avons notre bouton de tableau, et nous avons nos options pour notre en-tête et nos lignes. Nous sommes sur le point de pouvoir ajouter cette option pour nous ou d' ajouter une option pour que nous commencions à insérer ces balises. De quoi d'autre aurons-nous besoin ? Nous allons avoir besoin de savoir si vous souhaitez que la table apparaisse sur votre écran. T Alors je vais y aller et oui, c'est bon. Je vais installer une autre case H ici. Je vais donc simplement dupliquer celui que nous avions auparavant. Je vais changer l' étiquette pour indiquer table centrale. Et au lieu de ce bouton d' option, nous allons avoir un autre bouton de vérification. Appelez ce bouton central, et nous pouvons connecter le signal pressé correspondant. Tout ce dont nous avons besoin, c'est de savoir si le centre a été pressé ou non. Avons-nous besoin du signal alors ? Tu sais quoi ? Je pense que ça va rendre les choses un peu plus faciles plus tard. Je vais juste faire défiler la page vers le haut, je vais créer une variable ici. Table centrale de bar en forme de taureau. Et tout ce qu'est un taureau, c'est juste vrai ou faux. Ce sera faux mais par défaut. Et je vais faire défiler la page jusqu'en bas, disons que le tableau central est égal à égal. Et nous n'avons pas eu cette option non plus. Donc je suppose que ça n'a pas d'importance. Nous devons aller de l'avant , nous en emparer , créer une exportation pour cela vérification du bouton central X pour R, ajoutez-le à notre script, signez-le jusqu'en bas. Cette table équivaut à Centon Rest. Allons-y. Nous pouvons maintenant l'activer et le désactiver et cette variable devrait être mise à jour pour nous afin que nous sachions s'il faut ou non ajouter cette balise centrale pour nous. Maintenant, avons-nous besoin d' autre chose ? Nous avons le centre. Nous avons la couleur de l' en-tête, la couleur de fond de l' en-tête, les couleurs des lignes, le nombre de colonnes. Je pense que c'est tout ce dont nous aurons besoin. C'est bon. Jetons donc un coup d' œil à notre bouton de tableau des annonces. Ajoutons-y le signal pressé pour pouvoir commencer. 16. 16 tables partie 2: C'est bon. Maintenant que notre bouton tag est connecté et prêt à fonctionner. Nous pouvons aller de l'avant et créer certaines des variables dont nous aurons besoin ici. Nous allons avoir une variable pour notre table, qui sera une chaîne. Nous allons avoir besoin d'une nouvelle ligne. Nous allons avoir besoin d'un index pour obtenir le nombre de colonnes que nous devons créer, car nous allons avoir besoin d'un nombre pour cela. Ou plutôt, nous allons utiliser l'index pour obtenir le chiffre dont nous aurons besoin. Ce sera un int, et ce sera l'ID sélectionné par le bouton de décompte des colonnes . Nous l'avons déjà utilisé. Je ne sais pas pourquoi j'ai sauté là-haut. Allez-y et créez-nous plus d' espace là-bas. La variable suivante dont nous aurons besoin est donc celle des colonnes. Il s'agit d'une chaîne. Et ce sera le texte de l'élément de notre bouton de comptage de colonnes. Et nous pouvons transmettre cet index. Maintenant, si nous avons sélectionné deux ou six colonnes ou autre, nous pouvons créer autant d'en-têtes. OK. Commençons maintenant par regarder nos couleurs. Est la couleur sélectionnée de l'en-tête, qui est le type de couleur, et la couleur par défaut est le point de couleur blanc. Ce sera la couleur de notre liaison. Et la couleur par défaut est le blanc, vous pouvez donc tout aussi bien la définir ici. Et puis HPG pour notre couleur de tête ou d'arrière-plan sera également une couleur serrée, et nous allons la définir comme égale à FF, FF, et ce serait du blanc, mais nous allons mettre deux zéros la fin pour l'Alpha, et cela rendra la couleur d' arrière-plan transparente En gros, nous n'avons aucune couleur d'arrière-plan à moins d'en avoir sélectionné une. Donc, pour l'instant, nous pouvons passer à voir si nous utilisons ces couleurs personnalisées, directement depuis notre tête ou notre bouton. Si nous l'activons et que nous sélectionnons des couleurs personnalisées, nous pouvons modifier ces deux couleurs. Donc, aujourd'hui, nous dirons si vous appuyez sur le bouton principal ou sur le bouton. Donc, si vous avez appuyé dessus, si nous avons dit « oui », nous l'avons activé, alors nous allons simplement définir nos couleurs. Couleur sélectionnée de l'en-tête. Et si ce n'est pas déjà fait, configurez vos variables de couleur d'en-tête et de couleur d' arrière-plan vos variables de couleur d'en-tête et de couleur d' arrière-plan avec les exportations, et assignez-les simplement. Ce seraient votre chèque, désolé, pas les boutons à cocher, les boutons du sélecteur de couleur Ainsi, la couleur de sélection de l'en-tête est égale à la couleur et la couleur HBG à la couleur de fond de l'en-tête Très bien, donc ça va régler ça. Il suffit d'y aller et de le lancer. Alors, ouvre-le. Donc, si nous l'avons activé, nous utiliserons les couleurs présentes ici. Et si nous l'avons désactivé, nous utiliserons simplement du texte blanc sur un fond transparent. C'est tout ce que nous avons assis jusqu'à présent. Eh bien, nous avons obtenu ce numéro, donc nous savons comment nous devons le faire. C'est ce que nous avons fait jusqu'à présent. Si tout cela est source de confusion, c'est tout. C'est bon. Maintenant, en dehors de cette instruction if, nous pouvons commencer à jeter un œil à la création de la table elle-même. Maintenant, nous avons créé une variable en haut appelée table. Allons-y donc et nous mettrons la table sur un pied d'égalité. Maintenant, n'oubliez pas qu'il s'agit de la chaîne, elle sera donc entourée de guillemets. Et ce sera notre étiquette de table. Le tableau entre crochets est égal au pourcentage S. Et nous allons utiliser une virgule parce que nous allons le diviser Donc, les crochets ferment le tableau des balises, et en dehors de nos guillemets, nous devons passer quelque chose pour ce pourcentage, quelque chose pour cet espace réservé, et ce seront nos colonnes Donc, colonnes en pourcentage. Notre table a été créée techniquement, mais nous n'y avons aucune entrée, et nous devons être en mesure de structurer ces parties de nos tables. Je vais donc créer trois autres variables. Ces données de table vont contenir nos données, et elles vont diviser nos balises afin que nous puissions écrire entre les deux. Les données de la table sont, et c'est égal à diviser, et nous allons les diviser par une chaîne de Donc, les données de la table vont venir dans un tableau, et ce sera l'index zéro, et ce sera l'index un. Nous pouvons donc maintenant écrire ce que nous voulons au milieu et l' entourer de nos balises de table. Donc, si nous le voulions, nous pouvons entrer et dire « imprimer des livres ». Données du tableau. Et si nous lançons cela et que nous y jetons un coup d'œil, sélectionnons six colonnes dans la table, et nous pourrons les voir ci-dessous dans notre sortie. Nous avons un tableau et le premier objet est une chaîne de crochets, table est égale à six, et la deuxième entrée est entre crochets, balise de fermeture. Maintenant, nous pouvons écrire n'importe quoi entre les deux. Par exemple, nous pouvons dire table zéro, table data zero plus hello world plus table data one. Hein ? Et si nous allions de l'avant, que nous courons dessus et que nous atteignions une table, vous verrez que nous avons notre table et tout ce que nous voulions mettre au milieu, puis notre étiquette de clôture. Maintenant, ce que nous allons placer au milieu, bien sûr, ce seront nos en-têtes et les autres cellules de notre tableau Bien sûr, nous n'allons pas mettre le monde dans un enfer. Tu es comme tous ces emplacements vides. Oh, c'est le cas à chaque fois qu'il fait des économies. Légèrement agaçant. Et je ne l'ai jamais remarqué. Je dois être nouveau. C'est bon. Nous allons donc utiliser les données des tables ici, et nous allons également avoir deux autres variables. Nous allons donc avoir nos cellules d'en-tête, qui seront une autre chaîne, et nous allons en avoir une autre pour les cellules de notre tableau, qui, bien sûr, sera une chaîne. Nous pouvons maintenant commencer à organiser cela, et nous pouvons le faire avec une boucle à quatre boucles. Nous allons dire quatre en fonction du nombre de colonnes que nous avons. Si nous avons six colonnes, nous allons dire de créer ces cellules pour chacune de ces six colonnes. Nous allons dire quatre, qui est un entier dans la plage, deux colonnes. Nous y voilà. Si je mets une passe là, je la supprime très rapidement. Nous y voilà. Et maintenant, nous pouvons définir nos cellules d'en-tête. Les cellules d'en-tête plus égale, et tout plus égal signifie la même chose que de dire égal aux cellules d'en-tête plus ce que nous voulons y mettre. Mais nous n'avons pas besoin de taper le début. C'est juste une sorte de façon d' écrire cela simplement en disant plus égal à égal. Cela n'a aucun impact sur les performances. Je vais dans les deux sens. Il s'agit simplement d'une préférence personnelle quant à savoir si vous voulez que l'un d'eux soit un peu plus lisible pour vous ou non. Et la première chose que nous allons faire ici est de créer une chaîne, bien sûr, et ce sera entre crochets, bien sûr, parce que nous allons avoir une cellule, pouvons également transmettre la couleur d'arrière-plan parce que c' est là qu'elle se trouve. Cette couleur d'arrière-plan fait partie de la cellule. Supposons donc que B g soit égal au pourcentage S, espace réservé. Ensuite, nous allons y installer une nouvelle ligne juste pour la rendre plus propre. Tu sais quoi ? Je pense que nous allons également ajouter une nouvelle ligne au début. S N et en dehors de cette chaîne, nous allons transmettre un pourcentage que nous allons passer dans notre espace réservé, HPG color two underscore Bien entendu, nous aurons également besoin d'une étiquette de fermeture. Nous allons continuer en étant curieux de savoir pourquoi je l'ai fait de cette façon. Mais nous avons simplement mis le tout sous forme d'une seule chaîne. Nous avons un saut de ligne, un espace entre crochets entre cellules. BG est égal à un espace réservé pour notre couleur d'arrière-plan, saut de ligne Maintenant, je vais juste mettre en majuscules, en-tête. Mettez-y un autre saut de ligne , puis mes balises de fermeture pour mon portable. C'est bon. Donc, si nous lançons cela et que nous y jetons un coup d'œil, nous devrions voir, allons-y avec trois cellules. Passons à la tête des couleurs, et je vais aller de l'avant . Pour mon arrière-plan, je vais opter pour ce vert foncé, un peu comme un tableau publicitaire en vert forcé. Oh, et rien ne s'affiche parce que nous ne l'avons pas réellement ajouté à nos textes. Alors allons-y très vite. Après notre boucle for, nous pouvons continuer et la structurer. Cela signifie que nous allons aller chercher notre édition de texte. Le texte de la propriété d'édition de texte est égal, et nous allons devoir créer la cellule. Supposons donc que les données d'un tableau soient nulles plus les cellules du tableau, les cellules du tableau. Nous voulons nos cellules d'en-tête. Tablette zéro plus cellules d'en-tête p tata index un. Nous devrions maintenant ajouter un bout de texte ici. Encore une fois, nous passons à trois couleurs personnalisées. Nous allons faire de l'arrière-plan ici un écran à quatre couleurs sombres, ajoute-t-il. Et si nous touchons simplement quelque chose pour que cela soit mis à jour, nous pouvons voir qu'il apparaît maintenant en bas pour notre texte. Ce qui est fantastique. Maintenant, personnellement, j'aime ajouter un peu de rembourrage dans le mien Je vais donc ajouter un peu de rembourrage à mes cellules d'en-tête, et si vous voulez le faire également, vous pouvez certainement vous sentir libre Tout ce que nous avons à faire est d'aller dans notre cellule ici pour notre en-tête, et nous pouvons transmettre le rembourrage Est égal à, et assurez-vous qu'il n'y a pas d'espaces ici. Nous dirons cinq, com, cinq, com cinq, cinq. Et je crois que ce sera un rembourrage à droite, en bas, en haut et à gauche Donc, si nous l'exécutons maintenant, que nous faisons nos trois, et que nous appuyons sur Ajouter. Et comme vous le voyez, nous utilisons des cellules transparentes ici parce que nous n'avons rien sélectionné dans notre couleur. Et si vous voyez comment nous avons cette configuration, nous l'avons telle que nous pouvons taper clairement n'importe laquelle de ces lignes. C'est ce que nous voulons, non ? Nous n'avons pas à nous soucier de nos options. Nos options restent au-dessus et nos balises de fermeture sont en dessous de nous. Maintenant, si vous voulez aller plus loin, vous pouvez également faire un saut de ligne à la fin de votre cellule. Et ce serait parfaitement bien. Par exemple, supprimez simplement tout ce qui s'y trouve. Ajoutez un nouveau tableau. Vous pouvez maintenant voir que la balise de table se trouve sur sa propre ligne, comme à la fin de ce s, et qu'il y a un espace vide entre les deux. Il y a un espace vide entre chaque élément. Dans ce cas, nos en-têtes. Donc, si vous voulez le faire, vous pouvez également le faire de cette façon. C'est à vous de décider si vous serez plus propre à lire et plus facile à modifier. C'est à vous de décider. Je vais juste procéder et retirer ce dernier moi-même simplement parce que je ne pense pas vouloir l'avoir là. Mais si vous le souhaitez, vous pouvez certainement ajouter cela. Maintenant, qu'en est-il de la couleur de la police que nous avons insérée ? Eh bien, celui pour nos en-têtes ici. Nous pouvons facilement l'ajouter. Pas de problème. Nous l'avons simplement mis dans notre en-tête ici. Après le fond dans sa propre balise, ou nous avons notre texte. Nous pouvons dire que la couleur est égale au pourcentage S. Ensuite, après avoir écrit l'en-tête du mot, nous avons nos balises de fermeture. Et je pense que je vais juste déplacer ma nouvelle ligne avant ma couleur. Ensuite, juste pour que je puisse séparer le texte. Cela signifie que nous avons besoin d'une autre option ajoutée à notre espace réservé Donc, pour en ajouter plus d'un, nous devons l'entourer de crochets. Nous avons donc un crochet en pourcentage, BG couleur deux CML, et nous allons mettre un crochet à la fin Maintenant, nous pouvons simplement faire et transmettre ce que nous voulons. Dans ce cas, ce sera notre en-tête en deux couleurs HTML. Erreur. Je l'ai encore oublié. C'est la couleur TML sélectionnée par le chauffage. Donc, si nous examinons cela, nous pouvons maintenant définir des couleurs personnalisées pour nos en-têtes. Ne dites pas d'utiliser des couleurs hétérogènes, une couleur de fond. Allons-y, allons-y avec un écran noir. Et pour notre hétéroclite, optons pour un violet Allez-y d'abord et tapez sur une table. Et nous y voilà. Vous pouvez donc voir maintenant que nous avons une couleur de fond pour notre tableau si nous le voulons et des couleurs pour notre texte de chauffage. Maintenant, je pense que je vais réajouter l'option Alpha ici au cas où vous voudriez avoir une couleur différente mais pas nécessairement changer la couleur d'arrière-plan. Je vais donc simplement passer à deux D de ma couleur d' arrière-plan et réactiver l' édition Alpha dans l'inspecteur. OK. Maintenant, qu'en est-il de nos cellules ? Les éléments que nous allons ajouter. Nous allons avoir un système similaire ici, donc nous allons dire quatre I, qui est un entier dans colonnes deux et nous dirons trois fois. De cette façon, nous allons essentiellement ajouter trois rangées d'éléments, cette façon, l'utilisateur vous-même dans ce cas. Nous allons nous habituer à sa structure, et si vous souhaitez ajouter un nouvel élément, il et si vous souhaitez ajouter un nouvel élément, vous suffit de copier-coller d'autres cellules. Comment vont-ils se régler ? Eh bien, ce seront nos cellules de tableau, et elles seront plus égales à une sorte de chaîne. Eh bien, comme dans notre en-tête, nous allons dire nouvelle ligne. Nous allons avoir une cellule, et ces cellules n' ont pas d'arrière-plan, et nous n'avons aucune couleur pour elles. Nous allons donc simplement dire portable. Mais je veux avoir un rembourrage, donc je vais ajouter un rembourrage égal à égal et je veux juste un rembourrage à gauche et à droite Je vais dire cinq, j' ajoute donc du rembourrage juste à ma gauche et à ma droite De cette façon, tout n'est pas assemblé. Maintenant, dites « nouvelle ligne ». Je vais mettre en majuscule l'article, nouvelle ligne et notre étiquette de cellule de fermeture I. C' est vrai. Nous devons donc ajouter cela. Je vais dire, voyons ce que c' est, mais nous devons réellement ajouter les cellules de notre tableau. Donc, les données du tableau sont nulles, plus les cellules d'en-tête , les cellules du tableau et les données du tableau, un. Allons-y, exécutons-y, jetons un coup d'œil. Par exemple, utilisez l'en-tête, la couleur de l'en-tête. Nous pouvons utiliser cette jolie lumière, violets rosés, couleur de fond O. Je vais m'en débarrasser , par transparence, et je vais dire Ajouter une table. Cela semble être beaucoup de choses configurées, mais encore une fois, souvenez-vous que nous avons juste ces éléments simples entre les deux. Interface. Nous y sommes. Vous pouvez voir que ça s'en sort très bien. Donc si j'allume tout ça, je le supprime. Disons que nous avons quatre colonnes par tableau. Voilà. Vous pouvez voir que nous lui donnons un très joli look. Nous sommes en mesure de les configurer. OK. Il ne nous reste donc que quelques options. Nous allons avoir notre paire impaire. Ensuite, si nous voulons que notre table soit centrée, c'est vraiment tout ce dont nous avons besoin. Allons-y, nous allons avoir besoin de notre couleur uniforme et de notre couleur impaire. Nous allons donc dire VR, même en couleur, ce sera une sorte de couleur qui, par défaut, je pense, comme avant, la rendra transparente. Six fs et deux zéros, et pareil, V couleur impaire, ce sera une couleur t et un, deux, trois, quatre, cinq, six F, deux zéros, et nous aurons une autre instruction if ici Semblable à celui que nous avions auparavant. Tu sais quoi ? Je pense qu'il serait logique de déplacer ces couleurs paires et impaires vers le haut avec les couleurs de notre en-tête. Juste pour que ça reste organisé. Nous mettrons également notre déclaration if là-haut. Ils diront si comment l'avons-nous appelé ? En-tête Si nous n'avons pas de bouton de couleur de ligne. Ça y est. Donc je dis que quelque part par ici, ça y est. J'utilise le bouton de soulignement du bouton de ligne de couleur, puis nous allons obtenir notre couleur paire et notre couleur impaire, et nous allons les définir. Je ne pense pas que nous ayons de variable pour cela. Allons-y et ajoutons cela. Exportation de la variable, même de la couleur. Ça va faire de l'ombre. Couleur uniforme des lignes. Ce sera un bouton de sélection de couleur, et pareil. Exportation d'une couleur de ligne impaire, utilisez un bouton de sélection. Allons-y et définissons-les. Sélectionnez. Couleur de ligne paire, paire et ligne impaire. Soyez à terre. Où est notre segment, il est là. Une couleur uniforme est égale à une couleur de ligne uniforme. Et de même, notre couleur impaire est égale à la couleur la ligne impaire. C'est bon. Maintenant, il ne nous reste plus qu'à passer le test. Alors, cherchons par nous-mêmes. Et ils sont là. Et ils entrent en fait directement dans nos cellules ici. Nous avons donc BG égal. Maintenant, la différence ici est que si nous avons une seule couleur, elle colore toute la cellule, comme nous l'avons vu avec nos en-têtes. Mais nous pouvons en fait faire deux couleurs. Nous pouvons donc faire le pourcentage S, pourcentage S, ce qui nous permettra d' alterner les couleurs entre notre couleur paire et notre couleur impaire. Donc, la colonne impaire sera de cette couleur, et nos colonnes paires seront de cette couleur. Ou c'est peut-être l' inverse. Mais de toute façon ? Non. C'est donc d' abord une couleur étrange, puis une couleur uniforme. OK, je vais juste vérifier ça. Nous allons donc dire le pourcentage que nous devons transmettre. Nous avons deux éléments à transmettre, mettons donc entre crochets. Nous allons donc transmettre dans notre ligne impaire deux codes HTML. Ce n'est pas une couleur étrange. Couleur étrange, la variable que nous avons créée, pas en HTML, puis couleur uniforme en HTML. C'est bon. Nous avons presque terminé. À ce stade, nous parlons maintenant de couleurs d'en-tête. Nous pouvons donner à notre en-tête une couleur violet clair. La couleur de fond peut être cet orange foncé, lequel orange foncé nous donne assez bien un brun. Nous pouvons utiliser des couleurs de ligne, disons nos couleurs paires. La couleur de police O est le blanc, nous allons donc utiliser des couleurs sombres ici. Ensuite, nous allons utiliser ce rouge foncé pour les lignes paires et pour les lignes impaires. Allons-y avec ce bleu foncé. Disons que nous avons cinq colonnes à la table, et c'est parti. Nous pouvons voir là-bas que tout est en train d'être mis en place. Nous avons la possibilité d' utiliser les couleurs de nos lignes. Si vous le souhaitez, si cela vous aide à le rendre plus lisible, nous pouvons avoir nos en-têtes, une couleur distincte pour le texte en haut afin de ne pas le confondre Et nous avons nos articles dedans. Maintenant, nous pouvons simplement entrer et les modifier. Nous pouvons simplement sélectionner des objets. Poids. Prix. Nous commençons donc simplement à ajouter tout cela ou à modifier nos en-têtes, à modifier nos éléments Et si nous voulons ajouter un autre en-tête, par exemple, il suffit de copier la cellule d' un en-tête et de la coller dedans. Bien entendu, il va falloir ajouter une autre ligne ici. Pour nos en-têtes. Et maintenant, bien sûr, nous avons besoin de plus d'objets pour accompagner l'ex dans la rangée supplémentaire. Désolé, l'en-tête supplémentaire. C'est donc un peu bizarre. Nous devons ajouter de nouveaux articles. C'est très bien. Mais si vous voulez ajouter des éléments manuellement, il devrait évidemment être évident que si vous ajoutez un nouvel en-tête, vous devez ajouter d'autres éléments. Mais bon, nous avons donc ce set. Il ne nous reste plus qu'à savoir si notre table est ou doit être centrée. C'est bon. Nous avons fabriqué cette ampoule plus tôt pour la table centrale. Nous pouvons donc maintenant passer à autre chose dans notre texte pour notre tableau. Alors disons if c table, et c'est tout ce que nous avons à mettre pour que ce soit vrai. Si c'est au centre de la table, nous allons simplement le déplacer vers le haut. Je dirais que le texte est égal à cela, mais nous allons passer une balise centrale. À la fin, nous aurons notre mot de clôture. Assurez-vous d'utiliser un plus à la fin de ceux-ci. Vous pouvez donc réellement ajouter à. Nous y voilà. Et nous mettrons notre texte original dans un autre. Nous y voilà. Alors maintenant, c'est censé être centré, nous allons le centrer, et sinon, pas de problème. Disons quatre colonnes Nous allons utiliser cette couleur de fond claire, rouge à faible saturation. Oui. Donnez-lui un beau noir dur. Je veux dire, ça va trop se fondre dans la masse. Nous allons donc opter pour ces bleus et violets foncés. Maintenant, nous n'allons utiliser aucune couleur de ligne. Utilisez-en quatre, et nous centrerons la table sur la table. Nous y voilà. La table à neige est entièrement centrée et tous nos articles sont prêts à être modifiés. C'est bon. Il ne nous reste donc que peu de choses à faire. Et je vais juste trouver la taille du texte de la critique, mettre à jour la taille du texte. C'est ce que nous recherchons. Il devrait être près du sommet. Modification du texte. C'est celui que nous voulons appeler. Donc, à la fin, nous appellerons simplement cette fonction, qui devrait modifier nos tables automatiquement ou être mises à jour là-bas. Encore une fois, nous allons venir ici, peu importe ce que nous y mettons. Nous voulons simplement tester pour nous assurer que tout fonctionne bien. Sept au centre de la table. C'est très difficile à lire, mais tout y est. Il est centré et mis à jour immédiatement. Génial. La dernière chose à faire est de créer notre bouton pour notre table, n'est-ce pas ? Pour notre pop-up ici. Je vais juste cliquer dessus pour l'afficher. Ça y est. Faisons un autre bouton et je vais juste dupliquer mon bouton de police et le renommer bouton Table Je vais déconnecter son signal et reconnecter son signal de presse Sur la table, appuyez sur le bout des doigts, puis connectez. Parce que je veux les garder ensemble, je vais juste les surligner , les copier et les couper, Control X. Et je vais découvrir où se trouve notre bouton de police. Et pour cela, je vais juste cliquer sur le bouton de ma police. Trouvez le signal, cliquez dessus avec le bouton droit de la souris et dites «  passez à la méthode ». Donc voilà. Je vais juste le coller dedans. Voilà, celui où deux fonctions sont juste à côté l'une de l'autre. Maintenant, ce n'est pas nécessairement le cas. Cela pourrait fonctionner. Je vais modifier le texte de ma police ici. Je vais parler de tables pour le texte de ce bouton. Nous devons masquer nos balises de police et afficher notre tableau. Il se peut que je pense que je vais à nouveau utiliser des groupes pour faciliter les choses. Je vais juste sélectionner les balises de police pour notre arbre. Accédez au nœud, créez des groupes, appuyez sur le signe plus, et je vais le nommer panneaux d'options. C'est. Je vais cliquer sur les balises de mon tableau, et je vais également l' ajouter à ce groupe. Nous pouvons aller de l'avant et dire, nœuds , panneaux, ce sera un tableau égal à t. Je vais y mettre un trait d'union à nouveau Mettez le soulignement sur les nœuds d'un groupe. Ce groupe sera constitué de panneaux d'options. Disons quatre p pour un panneau dans des panneaux. P visible est égal à faux. Je peux également le copier et le mettre dans mes boutons de police. Ensuite, je peux simplement dire que les balises de police visibles sont égales à true, et j' en créerai une ici également pour mon tableau. Disons table Nous avons une propriété de balises de table. C'est mon panel, parfait. Vous direz que les balises de table sont visibles, égales. Alors maintenant, nous pouvons l'exécuter. Nous disons que les tables le cachent. Nous avons également besoin d'un moyen de le faire disparaître. C'est une imposture. Et même chose avec la police de caractères. Nous pouvons donc passer de l'un à l'autre. Nous ne pouvons tout simplement pas les cacher. Mettons-le donc si, disons, les balises de table sont visibles. Ensuite, nous dirons que les balises de table sont non. balises de table, non visibles, sont égales à false, puis nous appellerons return. Et le retour nous permet essentiellement de quitter notre fonction après avoir appelé ce code. Nous n'arriverons donc jamais ici à moins que les balises des tables ne soient jamais visibles au départ. Pour te le montrer. Nous l' exécutons, nous créons notre police de caractères. N'oubliez pas que cela ne fonctionne pas. Nous allons à nos tables. Il va changer, et si on clique à nouveau dessus, il va se cacher. Hein ? Et nous pouvons simplement faire la même chose. Entrez cette déclaration if en haut pour notre bouton de police et nos balises de police. Seulement au lieu des balises de table ici. Nous allons remplacer cela par des balises de police. Nous y allons. Sauvegardez-le, et cela devrait fonctionner. Voici notre police de caractères. Voilà notre table. Maintenant, je vais le configurer pour que lorsque nous cliquons sur Masquer, disparaissent tous avec nos boutons en bas. Je vais donc simplement prendre nos panneaux, les faire en boucle et les copier. Et je vais trouver la fonction de nos boutons rétractables Je vais juste le sélectionner dans mon arbre, accéder aux signaux, cliquer avec le bouton droit de la souris, passer à la méthode, et c'est ce qui se passe ici. Je dois me rappeler lequel est lequel. Je crois que ce sera ici. Je vais juste y ajouter les quatre boucles. Et j'espère que j'ai corrigé les choses et que cela disparaîtra. Donc, si nous l'affichons et que nous appuyons sur Masquer, c'est parti. Ensuite, montrez, cela reviendra, et nous devrons cliquer à nouveau sur nos boutons, et cela fonctionnera également pour Bond. Parfait. Eh bien, c'est un bogue que nous pouvons corriger. C'est ce que nous allons faire dans la vidéo suivante car maintenant notre tableau fonctionne, nous pouvons le créer et il peut être inséré dans notre texte à tout moment. C'est bon. Nous en avons donc fini avec les tables. Ensuite, nous aborderons ce petit bogue ici. 17. 17 petits bugs corrigés: Allons-y et corrigeons ce bogue très rapidement. Voyons voir. Alors, comment pouvons-nous résoudre ce bogue pour qu'il augmente ou diminue ? Eh bien, nous pouvons, il y a quelques choses que nous pourrions essayer ici. Nous pourrions utiliser des variables, booléens pour savoir si nous le pouvons ou non Mais je pense que je vais choisir la voie la plus simple. Et en gros, juste une sorte de code dur dans cette valeur finale. De cette façon, cela ne dépassera jamais, ou si je l'ouvre simplement par deux D, je le trouve ici dans mon inspecteur de barre d'outils, et je peux en voir un et 11 70. Allez maintenant. Donc 131 et 11 70 pour mon y. Si je supprime simplement l'angle 1170 Puis je le prends et je le baisse. Je cherche peut-être 12 87. OK. Et je contrôle Z pour le remettre en place. Je vais donc venir ici et dire 12 87. Et maintenant, si nous le lançons, il ne devrait jamais disparaître. Et peu importe le nombre de fois que nous envoyons du spam, j'irai toujours au bon endroit. J'ai obtenu ces chiffres à l'envers, n'est-ce pas ? Jetons un coup d'œil à nouveau. Nous avons donc cliqué sur Cacher. Je reste là où il est. Alors maintenant, oui. Bon sang 11701287. Et jetons-y un coup d'œil maintenant. Le cache descend, montre qu'il remonte. Si nous le spammons, il ira toujours au même endroit, et il faudra encore une seconde complète pour y parvenir, même s'il n'est pas nécessaire qu'il parcoure toute la distance. Et c'est très bien parce que même lorsqu'il bouge, vous pouvez cliquer dessus pendant qu'il apparaît encore si vous le souhaitez vraiment Et tu peux le faire pendant qu'il baisse. Cela n'aurait aucun sens et n' aurait aucune raison de le faire. Mais elle existe. C'est bon. Alors voilà. Il y a une solution rapide à notre petit bug. 18. 18 listes ordonnées et non ordonnées: Très bien, nous allons continuer et ajouter deux autres tags pour cela. Et ces tags seront liés à la création de listes. Pendant qu'ils prennent des notes, votre maman veut prendre une liste à puces ou une liste numérotée. Et ça va être assez simple à mettre en place pour nous. Encore une fois, il s'agira simplement de mettre une simple balise et d' ajouter quelques éléments pour donner à l'utilisateur une bonne idée de la façon d'ajouter des éléments, de continuer à ajouter d'autres éléments s'il en a besoin ou simplement de supprimer s'il n'a pas besoin d'autant d'éléments que ceux que nous lui donnons par défaut. C'est bon. Donc, la première chose que je vais faire, bien sûr, se résume à ma barre d'outils. Et je vais y ajouter un autre bouton Je vais donc appuyer sur le bouton de mon tableau et simplement dire Ctrl D. Renommez-le et appelez-le bouton Mes listes Et bien sûr, renommez le texte, disons des listes. Corrigons ce signal. Déconnectez celui que j'avais, double-cliquez dessus, connecté à notre réseau principal. Génial Maintenant, ce que je veux faire, c'est la vitesse de cet identifiant et émission commence à me déranger un peu juste à cause de sa lenteur. Je veux donc accélérer les choses très rapidement. Je vais donc simplement le retirer et y jeter un coup d'œil bascule à bouton rétractable. C'est là qu'il se trouve. Je vais cliquer sur cette méthode ici, et cela devrait m'y mener directement. Et avec ça, je peux juste faire défiler la page, jeter un œil, voir 1 seconde. Réduisons cela à peut-être 0,3. Et je vais le tester très rapidement. OK. Oui, je préfère beaucoup ça. OK. Maintenant que nous avons réglé ce problème, nous pouvons examiner cette fonction ou plutôt créer notre menu qui apparaît en premier Et ce sera une autre configuration de panneau, comme celle que nous avons ici. Lequel voulons-nous utiliser par défaut ? Je pense que je vais utiliser la table. Avons-nous besoin des tables ? Je veux dire, nous avons vraiment juste besoin de quelques textes et d'un bouton. Donc, je suppose que les balises de police sont en fait plus proches parce que nous pouvons juste en prendre deux et arrêter. C'est bon. Je vais donc dupliquer les balises de police très rapidement. Faites-le glisser vers le bas juste pour garder les choses en ordre. Je vais les renommer pour lister les tags whoops, et nous pourrons y accéder et y jeter un œil Cette boîte H, en avons-nous besoin ? Eh bien, il faut une liste déroulante, un bouton de texte. Non, nous en avons de meilleurs que nous pourrions utiliser. La prochaine, ça pourrait nous être utile. Qu'est-ce qu'il nous reste à faire ensuite ? Un avec des couleurs ? Nous n'avons pas besoin de trop d'articles. Le suivant, non. Nous allons donc simplement nettoyer la cellule jusqu'à ce que nous ayons exactement ce dont nous avons besoin. Il ne s'agira que de 22 boîtes, chacune avec une étiquette et un bouton à l'intérieur Donc, mon étiquette ici, je vais dire « Liste non ordonnée ». Et pour l'autre, je vais dire liste ordonnée. Nous changeons le nom de nos boutons. Bouton non ordonné et bouton ordonné. Hein ? Donc. Maintenant, allons-y et corrigeons ces signaux. Oh, nous devons encore corriger le texte dessus aussi. Liste ordonnée par annonce, et l'autre sera Ajouter une liste ordonnée. Ajoutez des oups. Liste ordonnée. Et maintenant connectons ces boutons. Déconnectez donc celui que vous avez pressé précédemment. Connectez un nouveau signal de presse. Connectez-vous à notre script principal et faites de même avec l'autre bouton de s. Cool. Ça y est. Nous devrions maintenant avoir trois fonctions à remplir. Maintenant évidemment, tout comme les autres fonctions. Si nous devions y jeter un œil. N'oubliez pas que vous pouvez cliquer sur n'importe de vos nœuds qui ont un signal, accéder à vos signaux, cliquer avec le bouton droit de la souris et vous pouvez dire , passer à la méthode, et comme ça , nous pouvons simplement copier ce que nous avons là , et pour la plupart, coller et apporter quelques modifications. Donc, en appuyant sur le bouton Liste, je colle simplement, le mien proviendra des tableaux ici. Et si nous y jetons un coup d'œil c'est dans le panneau des options du groupe. Je veux donc m'assurer que c'est toujours là, alors je vais y jeter un œil. Mes groupes. C'est dans les panneaux d' options, non ? Bien. Voyons voir. Ce seront des panels. Voilà, nous allons toutes les définir comme fausses. Et c'est ce que nous avons confirmé. Ce dont nous avons besoin, c'est d'une nouvelle variable à conserver dans notre panneau de balises de liste. Je vais donc aller en haut et créer ceci. Au début, des tags. Panneau en S. Et tant que j'y suis, A, nous allons avoir besoin d'autre chose. En fait, non, je ne pense pas. C'est oublier quelque chose qui est toujours possible. Je vais donc cliquer sur mon principal, et je vais configurer cette exportation de variables pour qu' elles soient mes balises de liste. Cool. Maintenant, je peux redescendre et dans mon cas, puisque j'ai copié et collé ce code, je peux simplement remplacer les balises de table par des balises de liste Je vais juste double-cliquer dessus maintenant que je l'ai saisi, contrôler C pour le copier, contrôler C pour le copier, puis double-cliquer et coller partout où j' ai des balises de tableau Allons-y. Cela devrait fonctionner, comme le font mes autres boutons. Ça a l'air très bien, super. Génial La fonctionnalité fonctionne au moins. Maintenant, lorsque nous ajoutons ou appuyons sur notre bouton non ordonné et ordonné, nous devons ajouter ces balises Tout comme nous le faisons avec les autres nous n'avons pas besoin de nos solutions compliquées. Nous avons juste besoin des plus simples. O care position, notre ligne de soins, obtenez la ligne sur laquelle nous nous trouvons, créez notre variable d'insertion avec nos balises, créez notre nouveau texte. Et fixez la limite. Nous pouvons donc copier tout cela. Je copie le mien à partir des étiquettes de taille, mais cela ne devrait pas avoir d'importance. Je vais juste le coller dedans. Ensuite, je vais juste entrer et changer les tags. la liste ci-dessous, ce sera juste UL et pareil pour les étiquettes de fermeture UL Je vais appuyer sur Enregistrer. Maintenant, la différence ici est que nous allons devoir ajouter quelques éléments ici, comme nous l'avons fait précédemment, nous pouvons avoir un exemple pour notre utilisateur. Alors voyons voir, comment pouvons-nous faire cela ? Eh bien, nous pouvons continuer et diviser notre encart ici, non ? Et nous pouvons le faire comme avant, n'est-ce pas ? Lorsque nous avons supprimé des éléments tels que nos en-têtes et nos tableaux, n'est-ce pas ? Nous avons pris ce que nous avions, nous l'avons partagé. De cette façon, nous avons pu ajouter autant de pièces que nécessaire, ce qui, je pense, est bien. Nous allons y aller, ah et je vais mettre la virgule dedans pour mon insertion, et nous allons continuer à le placer entre les deux Alors, Var, oups. Allez. Voilà Var, nouvel insert. Ce sera une ficelle, bien sûr. En fait, je sais que ce sera dans un rayon parce que nous allons obtenir le split égal à l'insert split, et bien sûr, nous allons le diviser à la virgule, comme nous le faisions auparavant Donc, souvenez-vous maintenant du nouvel insert, il va avoir deux sections. Il aura l'index zéro comme balise d' ouverture et l'index un comme balise de fermeture. Et maintenant, nous pouvons aller de l' avant et ajouter nos nouvelles informations complètes avec de nouvelles lignes. Ou plutôt nouveau, je suis désolée, pas des lignes, des articles dans notre liste. Allons-y donc avec les objets VR. Tu veux appeler ça des objets ? Non Je vais choisir une liste. Je vais en faire une chaîne, et nous allons la définir dans notre tableau. Je vais donc dire nouvel encart. Nous voulons l'article zéro. Nous pouvons donc obtenir la première ligne. Ou ouvrez le tag ici pour commencer notre liste non ordonnée. Et je vais juste aller de l'avant et ajouter une série de nouvelles lignes, juste pour le rendre un peu plus agréable. Je vais dire quatre parce que nous allons ajouter un certain nombre de lignes ici. Donc quatre dans la portée. Et allons-y avec quatre. Nous devrions donc y revenir quatre fois ici. Passons à ce que nous puissions y ajouter. Nous pouvons dire liste plus égale, et nous pouvons simplement dire élément et nouvelle ligne. Alors maintenant, dans notre nouveau texte. Oh, non, nous devons y ajouter notre étiquette de fermeture à la fin. Listez plus un égal après nos quatre boucles, notre nouvel insert et notre nouvel index pour obtenir notre balise de fermeture Maintenant, nous voulons remplacer notre nouvelle chaîne de texte. Nous conservons les sous-chaînes. Nous voulons simplement remplacer l' insert par notre nouvelle liste. Maintenant, il ne nous reste plus qu'à assembler. Et si nous allons de l'avant et testons cela, cela devrait bien fonctionner pour nous. Cette liste est sortie d'ici. Si nous y allons, ah, ce sera ma nouvelle liste pour étudier. Et je passe à une nouvelle ligne. Je vais me retrouver sur la liste. Je vais dire ajouter une liste non ordonnée Et nous y voilà. Nous les avons ici, et vous pouvez les voir dans notre aperçu ci-dessous que nous pouvons utiliser pour lire. Nous avons des points dans cette liste désordonnée parce que, eh bien, elle n'est pas ordonnée, n'est-ce pas ? Ça n'a pas d'importance. Nous n'avons pas besoin de les étiqueter ABC un, deux, trois ou quelque chose comme ça. On peut juste le laisser comme ça. Maintenant, nous pouvons entrer à tout moment et nous pouvons simplement commencer à taper, pour pouvoir dire variables. Cordes. Remarques. Tableaux. Et nous pouvons simplement appuyer sur Entrée et nous avons maintenant un nouvel objet, non ? Finaires. Tout ce que nous avons à faire est d'appuyer sur Entrée pour créer une nouvelle ligne. Et juste comme ça, nous avons ajouté un autre article dans les toilettes, et nous pouvons continuer à le faire aussi longtemps que nécessaire. Maintenant, la liste ordonnée sera à peu près identique. Nous pourrions donc simplement le copier depuis notre liste non ordonnée et coller dans notre bouton de commande Mais au lieu de UL, ce sera OL et OL pour nos étiquettes d'ouverture et de fermeture Je vais quand même faire une gamme de quatre pour que nous puissions ajouter nos articles. Nous avions le même nombre d' articles, car pourquoi pas ? Et sans apporter d'autres modifications, cela fonctionne tout simplement. Et voilà. C'est le cas, et nos articles sont listés, un, deux, trois, quatre. Et au fur et à mesure que nous ajoutons de nouveaux articles, cinq, six, sept, huit, neuf, dix, etc. C'est bon. Voici donc comment nous pouvons procéder et ajouter une liste ordonnée et non ordonnée Maintenant, je voudrais ajouter une dernière note ici avant de terminer cette leçon. Et ce ne sera qu'une préférence personnelle de votre part. Personnellement, je suis d'accord avec la valeur par défaut, mais si vous voulez modifier un peu la vôtre, exemple changer la puce ou les chiffres dans la liste ordonnée, vous ne voulez peut-être pas de chiffres, peut-être que vous voulez les lettres romaines ou peut-être que vous voulez des chiffres romains Je peux te montrer comment faire. Juste au cas où vous préfèreriez cet itinéraire pour votre liste. C'est bon. Commençons donc par notre liste non ordonnée. Nous pouvons simplement aller à l'intérieur de notre étiquette UL, et nous pouvons simplement dire que la puce est égale, puis, par exemple, nous pouvons mettre une étoile ou un astérisque Maintenant, au lieu d'avoir ces puces circulaires, nous pouvons y jeter un œil, et nous allons faire en sorte que l'astérisque corresponde à nos puces Vous pouvez donc le régler à peu près comme vous le souhaitez. Si tu veux avoir un pourcentage pour tes balles. Génial. Cool. Tu peux le faire. Hein ? Voilà. Donc, si vous voulez changer ce qu'est cette puce pour une raison ou une autre, vous pouvez le faire. Personnellement, je préfère que nous y arrivions par défaut. Et de même, nous pouvons faire quelque chose avec la liste ordonnée. Maintenant, dans ce cas de notre liste ordonnée, nous allons en fait avoir un paramètre appelé type equals, et nous pourrions le définir. Donc, par défaut, il est réglé sur un, qui sera le système numérique, nous pourrions utiliser une minuscule A. Par exemple, et si nous exécutons cela, et que nous continuons, vous pouvez voir que les lettres minuscules sont configurées pour nous là-bas. Si nous y faisons une majuscule A, nous le faisons. Vous voyez, parce que je ne l' ai pas enregistré. Allons-y. Je vais donc procéder et supprimer tout cela. Ajoutez-en un autre, et vous voyez maintenant que nous avons les majuscules de notre alphabet romain. Enfin, Abt, nous avons les minuscules et le majuscule. Et ce qu'ils vont faire, c'est nous donner nos chiffres romains. Nous ajoutons donc de l'ordre et voilà. C, nous avons obtenu, I, I, puis I V, puis V, Vi, et ainsi de suite. Et de même, si vous voulez être en minuscule, vous suffit de mettre le I en minuscule dedans. Et juste comme ça, vous aurez les chiffres romains, mais en minuscules si vous préférez Vous avez donc un peu de personnalisation quant la façon dont vous souhaitez que vos listes s'y trouvent. Si vous voulez aller plus loin, vous pouvez ajouter une option ici. Parce que vous savez comment faire ces listes déroulantes que nous faisions auparavant, et vous savez comment obtenir le résultat. Vous pourriez donc faire quelque chose comme ça. Si vous voulez donner une option à l'utilisateur ou à vous-même, vous voulez peut-être parfois l'alphabet, parfois vous voulez des chiffres romains Peut-être que parfois vous voulez une liste ordonnée. Je ne sais pas, non ? Avec des chiffres. Vous pouvez donc ajouter une option comme celle-ci si vous le souhaitez. Je ne vais pas le faire simplement parce que j'ai fait référence à la simplicité. En fait, je pense que je vais utiliser les chiffres romains moi-même. Mais si vous voulez donner le choix à votre utilisateur ou à vous-même. Vous savez comment procéder grâce aux options précédentes que nous avons configurées avec des éléments tels que les polices nos tableaux et tout ça. Tout ça. Mais c'est bon. Donc ça suffira pour ça. Je voulais y mettre ça. Juste au cas où vous souhaiteriez ajouter un peu de personnalisation. Je vais juste vous montrer comment faire. Mais c'est vrai. Cela suffira pour nos listes commandées et non ordonnées. 19. 19 Organiser l'inspecteur: D'accord. Je sais que ce n'est pas particulièrement nécessaire, mais si nous regardons l'inspecteur, il y a de plus en plus de désordre là-bas, et pour ma part, cela commence à me rendre un peu dingue Je ne fais que regarder ça. Je vais donc simplement vous montrer comment vous pouvez organiser rapidement toutes ces choses. Et pour cela, nous pouvons simplement accéder à notre script et passer à nos exportations. Et la première chose que je vais faire, c'est de parler de la catégorie export. Et sous forme de chaîne, je vais simplement taper les boutons, par exemple. Maintenant, je vais continuer avec la ligne sélectionnée. Si tu vois ici. Je tiens simplement la touche Alt enfoncée et j'utilise les touches fléchées pour le déplacer vers le haut ou vers le bas. Pourriez-vous voir que je peux faire défiler la page vers le bas et que je peux voir tous ces boutons ici. Et je vais juste les surligner, maintenir la touche Alt enfoncée et les déplacer vers le haut. Et maintenant, en dessous de cela, je peux entrer, créer une nouvelle catégorie. Donc, dans la catégorie export. Nous y allons et saisissons des nœuds de texte. De même, je peux en faire une autre dans les panneaux des catégories d'exportation. Il devrait y avoir un grand P. Maintenant, si nous jetons un coup d'œil à l'intérieur du côté droit de notre inspecteur, nous pouvons voir que tout a une jolie petite catégorie. Mais nous pourrions même aller encore plus loin. Pour ce faire, nous allons utiliser ce que l' on appelle des sous-catégories Donc, en haut, je vais juste créer une autre catégorie ici, donc exporter la catégorie, et je vais dire que je vais simplement appeler ces nœuds requis. Enregistrez cela et nous avons une section en haut. Nous ne pouvons pas le voir parce que nous n'avons rien dedans. Mais je vais simplement changer les boutons de ces catégories d'exportation pour exporter les boutons des sous-catégories. Ops. De quoi provient ma société de fautes de frappe Sous-groupe. Allons-y. Et je vais simplement le copier et remplacer les texte de ma catégorie d'exportation par des nœuds de texte de sous-groupes d'exportation, et pareil par des panneaux Passez d'une catégorie d'exportation à un sous-groupe d'exportation. Maintenant, vous voyez sur le côté droit que nous avons en fait ces sections pliables Maintenant, vous n'avez pas besoin du groupe ici en haut. Nous pourrions le commenter en utilisant simplement Quick Control K, et nous pouvons toujours avoir nos sections ici, mais je vais simplement les laisser là parce que ce sont, comme on dit, des nœuds obligatoires. Nous devons tout avoir en main. Mais vous voyez, nous avons maintenant une méthode intéressante qui se fond dans le reste de l'interface utilisateur et qui organise soigneusement toutes nos variables exportées ici D'accord, je tiens juste à souligner parce que, comme je l'ai dit, cela commençait à me rendre fou alors que je le regardais là-bas, parce qu'il était si grand et qu'il prenait tellement de place 20. 20 Chargement des données de page: C'est vrai. Donc, tout d'abord, nous allons examiner le chargement, et nous pourrons y charger nos projets. Et c'est la raison pour laquelle nous allons examiner le chargement d'un projet avant de l'enregistrer ou d'ajouter de nouvelles pages ou quoi que ce soit d'autre. Parce que si nous pouvons charger un projet, nous pouvons facilement ajouter un nouveau projet ou ajouter une nouvelle page. Et si nous pouvons le faire, si nous pouvons y ajouter de nouvelles données et les charger avec succès, nous pouvons facilement implémenter la sauvegarde, car nous n' aurons pas à toucher à aucune de ces données, il nous suffira de les prendre et de les enregistrer sur votre appareil. Il est donc plus important pour nous de nous concentrer sur le chargement de ces informations, puis de nous concentrer sur leur stockage quelque part. C'est bon. Donc, la façon dont nous allons faire ce travail est créer un gestionnaire de pages. Et ce gestionnaire de pages va suivre nos projets, le nombre de pages de chaque projet, le projet en cours lequel nous avons chargé la dernière page du projet, et les informations de ce genre. Je vais donc simplement passer à mon système de fichiers. N'oubliez pas que si vous avez la valeur par défaut, elle sera en bas à gauche, mais je déplace la mienne vers le bas. Je vais cliquer avec le bouton droit de la souris et dire « nouveau script ». Je vais appeler cette page Manager. Je vais accéder aux paramètres des projets, à l'onglet Global. Et cliquez sur cette petite icône de dossier pour naviguer. Nous pouvons sélectionner le script de gestionnaire de pages que nous venons de créer. Il recevra le nom par défaut du gestionnaire de pages. Cliquez sur l'annonce, assurez-vous qu'elle est activée, et nous pouvons désormais accéder à ce script n'importe où dans notre projet. Je vais donc simplement cliquer deux fois sur mon gestionnaire de pages. Et c'est là que nous devons stocker où nous pourrons stocker nos informations ultérieurement, où nos sauvegardes automatiques fonctionneront et où nous chargerons automatiquement ces informations. Quand nous en avons besoin. Nous allons travailler jusqu'ici. abord, nous allons créer un dictionnaire qui gardera une trace de nos projets et des pages ou des données de chaque page de ce projet. De cette façon, nous pouvons avoir notre mot à dire, notes sur un sujet spécifique, puis peut-être avoir des notes séparées sur un autre sujet, puis des notes séparées sur un autre sujet. Et c'est un peu l'idée que nous avons ici, non ? Allons-y et créons une variable. Je vais aller de l'avant et simplement appeler ça des projets. Et je vais appeler ça un dictionnaire. Et la raison pour laquelle je vais appeler cela un dictionnaire c'est parce qu'il va avoir une paire clé-valeur, n'est-ce pas ? Donc, à l'intérieur de ces bretelles bouclées, ce que nous avons s'appelle une Donc, peu importe ce à quoi nous accédons ici, ce que je vais simplement appeler, par exemple, projet d'étude. Donc, si nous accédons au projet d' étude ici, par exemple, par exemple, n'est-ce pas ? Nous passons aux projets, entre crochets, et si nous devions accéder à des livres, étudier un projet, ce que nous obtiendrions , c'est ce qui se trouve après ces deux points. C'est ce que nous allons récupérer. Donc, dans ce cas, juste à titre d'exemple, allons-y et nous allons définir ce paramètre sur. C'est un exemple de ma valeur. Maintenant, si nous devions y accéder, allons-y et créons directement une fonction prête à l'emploi pour que nous puissions y jeter un œil, car comme il s' agit d'un script global, il s'exécutera automatiquement dès le chargement de notre projet. Et si nous le voulons, nous pouvons aller de l' avant et l'imprimer, disons projets d'impression, entre crochets, et adoptons le projet d'étude. Si nous le faisons, nous devrions nous faire réimprimer cette chaîne car nous accédons à cette clé qui va nous donner cette valeur. Donc, si nous l'exécutons et que nous examinons le résultat. Vous pouvez le voir, c'est ici. C'est un exemple de ma valeur. Donc, ce que nous allons faire, c'est le définir comme un autre dictionnaire à l'intérieur de celui-ci. Donc, au lieu d'avoir une ficelle, nous allons avoir une autre paire de bretelles bouclées, nous allons avoir nos pages, Donc je vais en prendre une série, non ? Et cela va nous donner la première page. Maintenant, n'oubliez pas que pour y accéder, nous avons besoin de deux points, puis cette clé a besoin d' une valeur quelconque. Je vais donc dire que c' est un exemple de page 1. Alors maintenant, si nous devions essayer de l'obtenir, qu'allons-nous nous faire imprimer ? Nous allons obtenir le résultat, la valeur des projets d'étude reste, n'est-ce pas, dans ce cas, un dictionnaire dont la clé est un et une valeur. Ceci est un exemple de page 1. Et c'est ce que nous voyons ici. C'est un dictionnaire. Nous voyons ces bretelles bouclées bio Nous voyons la clé à l'intérieur, qui est celle sous forme de chaîne, et nous la voyons comme une valeur qui lui est associée. Et si nous voulions en ajouter une autre, il suffit d'ajouter une virgule à la fin, et nous ajoutons la ligne suivante Dans ce cas, pour nous, nous allons en avoir deux, et nous verrons que c'est un exemple de page deux. Et si nous recommençons ceci, nous pouvons le voir, donc nous pouvons voir une entrée ici, puis l'entrée suivante là Et c'est essentiellement avec cela que nous allons travailler. Donc, au lieu de laisser le texte le dire, voici un exemple de page en un certain nombre ici. C'est là que nous allons réellement stocker le texte que nous sommes en train d'écrire. Si je supprime simplement la deuxième page ici, et que nous partons uniquement de la première page Dans notre version imprimée, si nous voulions accéder au contenu, nous le faisons comme nous l'avons fait pour accéder à nos projets. Dans notre projet d'étude, nous avons donc une autre paire de crochets. Nous avons notre rotation, et nous pouvons ajouter le numéro un. Nous allons accéder à la première page ici, et nous l'exécutons, et la seule chose que nous allons obtenir est cette chaîne, car cette chaîne est la valeur permettant d'accéder à nos projets d'étude, puis d'entrer dans cette clé. J'espère que cela a du sens et ce n'est pas vraiment confus. Je vais aller de l'avant et simplement mettre un texte de démonstration ici ou sur la première page. Tu peux y mettre ce que tu veux. Vous pouvez lancer votre application, y insérer des exemples de textes, jouer avec les tags, comme vous voulez, pour vous lancer. Mais je vais aller de l'avant et taper quelque chose très rapidement. C'est bon. J'ai donc mis la première page ici, et comme vous pouvez le voir, elle est assez longue quand elle est collée ici, nous avons toutes ces lignes brisées Mais cela nous donne un exemple lequel nous pouvons travailler, n'est-ce pas ? Quelque chose d'un peu plus réaliste. Nous avons tous ces tags. Nous avons des balises centrales, un tableau, toutes ces cellules différentes, couleurs différentes, des fonds rembourrés Ensuite, nous avons aussi juste la valeur par défaut, n'est-ce pas ? Il y a un surlignage là-dedans, du texte normal. Nous avons donc un tas de choses en cours ici, qui nous donneront un bon exemple sur lequel travailler. Donc, ce que nous allons faire, maintenant que nous avons, c'est travailler avec quelques variables supplémentaires dont nous aurons besoin. Nous allons avoir besoin d'une variable pour suivre le projet en cours, afin de savoir où enregistrer nos informations à ce sujet. Et pour l'instant, je vais simplement le coder en dur pour l'intégrer à notre projet d'étude. Et nous allons avoir une variable pour savoir quelle est la dernière page. Ainsi, lorsque nous le chargeons, nous chargeons toujours la dernière page afin de pouvoir continuer là où nous nous sommes arrêtés la dernière fois, juste au moment où nous sommes en train de taper nos notes. Et cela me laisse devoir appeler une fonction, afin que nous puissions réellement définir cette dernière page. Je vais donc créer une fonction appelée set. Dernière page Cela prendra un argument prog pour le projet, et ce sera une chaîne Nous n'aurons pas besoin de nous renvoyer quoi que ce soit, dans ce cas, car nous allons simplement définir dernière page égale à ce que nous pouvons obtenir comme dernière page. Et pour cela, il nous suffit d'accéder à nos projets, d'accéder au projet en cours et de vérifier le nombre de pages. S'il y a une page, elle sera définie sur une. Pour ce faire, il suffit d'accéder aux projets, nos crochets, de transmettre le projet en cours. Donc, où ce n'était pas du tout satisfaisant, mais c'est bon. Et puis nous pouvons être désolés, ce n'est pas le projet en cours parce que nous allons le transmettre. Nous voulons donc simplement le mettre en mode prog. Et puis les touches à points. Donc, ce que Dot Keys va faire, c'est nous permettre d'accéder à nos projets d'étude, puis nous allons obtenir toutes les clés, qui dans ce cas seront nos numéros de page. Ensuite, nous allons demander la taille. Maintenant, la taille, parce que cela va nous donner un tableau, va nous donner le nombre d'objets qu'il contient. Donc, si nous avons une page, elle nous en redonnera une. Nous avons deux pages, et cela va nous en rapporter deux. Donc, dans ce cas, puisque nous n'avons qu'une page, la dernière page doit être définie sur une lorsque nous l'exécutons. Passons à notre script principal. Je vais passer directement à notre service prêt à l'emploi. Et ce que nous devons faire, c'est bien, accéder à certaines informations, n'est-ce pas ? Nous devons donc d'abord utiliser notre projet actuel, qui est actuellement codé en dur, et nous devons obtenir la dernière page ou définir la dernière page de celui-ci. Nous pouvons donc aller de l'avant et le faire. Nous pouvons dire que le gestionnaire de pages a défini la dernière page, et nous pouvons passer projets du gestionnaire de pages et transmettre au gestionnaire de pages le projet en cours. Nous voyons que cela devient assez long. Ce que je vais faire, c'est prendre ce projet en cours ici et le supprimer, et je vais créer une variable pour le contenir. P, qui n'est qu'une chaîne égal aux projets actuels de notre gestionnaire de pages. Maintenant, je peux juste transmettre P, et ce sera beaucoup plus court, ce qui réglera un peu les choses. À quoi est-ce que je pense ? Tout ce dont nous avons besoin, c'est du nom réel du projet. Nous n'en avons pas besoin. J'essaie d' y accéder un peu trop tôt. Nous devons juste transmettre P pour cela. Parce que n'oubliez pas qu'à l'intérieur de cette fonction, nous accédons à ces informations pour nous. Je prends donc juste un peu d' avance sur moi-même. Donc, avec cela, la dernière page doit être définie. Nous devrions donc être en mesure de récupérer notre édition de texte et de saisir la propriété du texte et de la définir comme la propriété du texte et de la définir étant égale à notre projet, n'est-ce pas ? Nous allons donc parler de projets de gestionnaire de pages, PNP, parce que nous les avons déjà stockés, ce qui nous permettra d'économiser un peu d'espace Et puis nous avons besoin de cette dernière page. Je vais donc également créer une variable juste au-dessus . Je vais appeler cette page. Ce sera une chaîne dans notre cas, et ce sera une STR avec une paire de parenthèses Entre ces parenthèses, nous allons avoir notre dernière page Nous pouvons donc faire un gestionnaire de page par page. Cela va obtenir notre dernière page, qui sera un entier, qui devrait être un lorsque nous l'avons définie. Et il va convertir celui-ci en chaîne. De cette façon, nous pouvons y accéder ici. Projects, P, que nous avons chez Hardcde to Study project, une autre paire de crochets et une page de transmission, qui, encore une fois, notre dernière page devrait être Donc, la page ici devrait être une, et cela nous ramènera au texte que nous y avons mis, et nous le définirons pour notre édition de texte. Si nous testons cela, cela devrait fonctionner, et c'est le cas, mais vous voyez que notre texte n' est pas mis à jour dans notre aperçu. Nous pouvons donc simplement faire défiler l'écran vers le bas et saisir notre fonction d' édition de texte, de changement de texte. Et on peut simplement appeler ça. N'oubliez pas d'y mettre vos parenthèses. Pour qu'il soit mis à jour, et voilà. Nous pouvons donc maintenant charger les données que nous avons stockées dans notre global, et nous pouvons les charger dans notre projet. Il ne nous reste plus qu' à envisager d'ajouter ces nouvelles pages et de mettre en œuvre une sauvegarde automatique pour nous, afin que nos données soient toujours enregistrées. Ensuite, il ne nous reste plus qu' à charger les nouvelles données ou les données que nous avons enregistrées sur le système, ce qui sera bien le cas si vous le faites sur votre téléphone, les données sur votre téléphone. C'est bon. Donc ça va faire l'affaire pour ici. Cela nous donnera une bonne configuration pour que notre gestionnaire de pages fonctionne. Et je te verrai dans la prochaine leçon. 21. 21 Correction de bugs de table: J'ai donc remarqué un bogue lorsque j'ai écrit mon texte la dernière fois pour les données, et ce bogue est dû au fait que si nous avions du texte ici, n' est-ce pas, peu importe la quantité que nous y avons mise, nous avions peut-être des listes, n'est-ce pas ? Tout va bien. Nous avons des choses là-dedans, mais dès que nous y ajouterons une table. Cela remplacerait tout, comme vous le voyez. Au lieu de l'ajouter à nos notes, il a complètement pris le pas sur nos Et j'ai mentionné, lorsque nous avons écrit ceci pour commencer , que nous ne pouvions pas utiliser de lignes fixes, alors que pouvons-nous faire ? En fait, nous pouvons faire autre chose. Vous pouvez utiliser l'édition de texte. Insérez du texte par points sur l'illustration, et nous allons simplement déplacer tout le texte que nous étions en train de définir. Nous allons le déplacer dans cette fonction. Et faites la même chose quand nous ne le sommes pas, lorsque nous ne définissons pas quand il n'est pas centré, sinon insérez du texte dans le graphique et collez-le dedans. Et maintenant, comme vous le voyez, nous pouvons entrer, avoir ce que nous voulons, n'est-ce pas ? Peu importe ce que nous avons à faire, ayez un tas de listes, peu importe. Et puis si nous ajoutons un tableau à un moment donné, un tableau, nous ne remplacerons rien Nous l'avons simplement ajouté là où il se trouvait dans notre air. Dans ce cas, il se trouvait tout en haut, mais si nous l'avions placé en bas de la table, il serait placé ici en bas de la table. Il est donc ajouté en fonction de l'endroit où se trouve actuellement notre air. Et nous n'annulons pas l' ensemble de notre texte. Je tiens juste à souligner ce bogue parce que si vous l'avez remarqué plus tôt, cela vous aurait peut-être dérangé Et bien, maintenant tu as trouvé une solution. 22. 22 Créer et charger de nouveaux projets: Très bien, nous allons donc envisager d'ajouter un nouveau projet et d'ouvrir un nouveau projet à nouveau projet et d'ouvrir un nouveau projet partir de notre dictionnaire de projets, ce qui signifie que nous n'en aurons pas encore besoin. Nous allons donc éventuellement déplacer ce bloc de code. Mais pour le moment, nous avons besoin d'un moyen sélectionner certaines de ces informations. Donc, la façon dont je vais le faire est simplement de m'attacher au principal. Je vais sélectionner un panel qui pourra tout couvrir. Je vais régler les ancres pour qu'elles soient complètement détruites. Et nous n'avons même pas besoin d'utiliser un panneau pour cela. Donc, en fait, je pense que je vais le supprimer. Et je vais utiliser une épave colorée. De cette façon, nous pouvons simplement tout bloquer complètement pour l'utilisateur, afin que celui-ci ne puisse absolument pas cliquer sur quoi que ce soit. Et je vais juste lui donner une couleur du 202-20-2202. Renommez cette épave colorée en Let's see. Écran de démarrage. Allons-y avec ça. Avec cela, nous pouvons y ajouter un conteneur VBox. Allez-y, je vais le mettre au centre. À l'intérieur, nous pouvons faire en sorte que nous ayons besoin de deux boîtes H. L'un qui nous permet de créer un nouveau projet et l'autre qui nous permet de sélectionner un projet existant. Créons une boîte H. Cette boîte H comportera une étiquette, bien sûr. Donnons-lui du texte. Nouveau projet. À l'intérieur de cette boîte HH également. Il s'agit d'une modification en ligne afin que notre utilisateur puisse entrer ici et le saisir. Et je vais aller de l'avant et lui donner un texte de remplacement à l'intérieur de l'inspecteur ici, le nom du projet point, point, point Et c'est évidemment trop petit. Je vais donc passer à l' endroit où nous exposons la transformation et la transformation. Juste dans la mise en page. Je vais lui donner une taille minimale ici. S 200 pixels devraient suffire. La dernière chose que nous allons mettre ici, ce sera un bouton. Je vais appeler ce nouveau bouton de projet. Le texte indiquera «   créer un nouveau projet ». Donc, ma boîte H. Je vais aller de l'avant et le placer au centre de mon alignement. Je vais lui donner une séparation d'environ 50. Ça a l'air bien. Et je me rends compte que mon arrière-plan se fond peut-être trop dans cette modification de ligne Je vais donc sélectionner mon écran de démarrage, ma couleur est altérée, et je vais juste modifier un peu la couleur, peut-être la rendre un peu plus foncée, peut-être la rendre un peu plus foncée, ou aller dans l'autre sens et la rendre un Je vais suivre la voie la plus sombre. Je pense qu'il faudrait peut-être y ajouter un peu de couleur. Nous y voilà. Parfait. Maintenant, de quoi d'autre avait-on besoin ici ? Nous avons dit que nous avions besoin d'une deuxième boîte H. Donc, dans ma boîte V ici, je vais ajouter une case H. Nous allons avoir besoin d' une étiquette pour cela. Et pour le texte, nous dirons « Load project ». Garder cela cohérent ? Je vais configurer ma boîte H pour qu'elle soit également au centre de celle-ci. Je vais ajouter un bouton d' option cette fois et lui donner une taille minimale mise en page X 200 et nous ajouterons un bouton ici pour charger notre projet. Chargez le projet. Bouton. Projet. Je vais mettre un espacement de 50 sur mon contenant. Et voyons voir Je peux le modifier un peu ? Oui, je peux dire de charger un projet existant existant, et cela le rapprochera beaucoup. Ma boîte TV. Je vais l'envoyer au centre juste pour que barre soit centrée sur l'écran, et je vais lui donner une séparation personnalisée. Encore une fois, peut-être une cinquantaine. Essayons 75. Peut-être que 100 suffiraient. Mais pour le moment, on peut y aller. Et cela dépendra, bien sûr, de vous. Si vous avez de plus grandes mains ou de plus gros doigts, vous ne voulez pas toucher accidentellement la mauvaise chose. T. Alors gardez cela à l'esprit. Si vous le faites pour plusieurs personnes, gardez-le à l'esprit pour les autres, si vous le faites pour vous-même, gardez à l'esprit la taille de vos mains et de vos doigts en le créant. Mais c'est vrai, nous l'avons. Maintenant, que devons-nous mettre ici ? Eh bien, nous allons avoir besoin de notre nouveau bouton de projet pour appuyer ou charger un projet existant, pour avoir un signal de pression et notre bouton d'option pour avoir une liste de nos projets existants. OK. Nous allons donc avoir besoin de quelques exportations à ce moment-là. Je vais donc entrer dans I Main. Encore une fois, je garde tout ici. Et où le mettons-nous ? Panneaux, non, texte, pas de boutons, je vais créer une nouvelle catégorie ici. Et je vais appeler ce menu de démarrage. Maintenant, je peux créer certaines de mes exportations ici. Je vais dire exporter, ou écran de démarrage. Va. Ce n'est qu'une épave de couleur. J'ai d'autres options de projet. Ce sera notre bouton d'option. Export, nous allons avoir besoin de notre nouveau projet. Nom, qui sera notre modification de ligne. Allons-y et définissons-les. Démarrez. Ce sera l'écran de démarrage. Les options du projet seront le bouton d'option, et le nouveau projet sera cette modification de ligne. C'est vrai. Donc, avec ces configurations, nous pouvons maintenant connecter notre bouton, un nouveau bouton de projet, nous reposer, nous connecter à notre principal. Je vais appuyer sur le bouton de chargement du projet, me connecter à mon bouton principal et mon bouton d'option car nous en avons besoin pour le sélectionner. Donc, l'élément a sélectionné le signal et connectez-le à mon signal principal. C'est bon. Je vais donc retourner à mon compte pour le moment. Je vais mettre en évidence bloc de code que nous avions à la fin de la dernière vidéo et le commenter. Et maintenant, nous devons récupérer notre projet et charger dans nos options de projet. Mais pour ce faire, nous devons lancer une boucle à quatre. F prog project dans notre gestionnaire de pages, qu' avons-nous comme clés ici Pour y accéder. Nous allons dans notre gestionnaire de pages, nous accédons à nos projets. Ensuite, nous appelons les touches de fonction, et le message sera « Désolé ». Cela permettra d'obtenir toutes nos clés, dans le cas d' accéder uniquement à nos projets de base, les touches reviendront avec le défilement vers le haut, tous les noms de nos projets ici. Dans ce cas, il s'agit simplement d'un projet d'étude, est tout ce que nous avons, mais nous pouvons aller de l'avant et le mettre en quatre boucles. Disons donc pour le projet dans nos clés de projet. Nous allons dire que les options du projet ne permettent pas d'ajouter un élément à un projet. Si nous le faisons, nous devrions y voir des projets d' étude déjà ajoutés. Parfait. Génial. Il ne nous reste plus qu'à régler. Nous pouvons également faire une vérification ici. Nous pouvons vérifier combien d'articles nous avons. Je dis donc que les options du projet comptent les éléments. Nous pouvons donc le mettre dans une vérification I, afin de dire si les options du projet font en sorte que le nombre d'éléments soit égal à un. Donc, si nous n'avons qu' un seul élément ici, nous pouvons automatiquement supposer ce qui est sélectionné, n' est-ce pas ? Ce seront donc les options du projet. Donc, si nous n'avons qu'un seul article. Nous n'avons même pas besoin de le faire si nous avons un seul article. Tant que nous avons au moins un article. Nous allons le dire ainsi. Donc, tant qu'au moins un élément est ajouté, nous attribuerons automatiquement notre option. Nous allons donc dire que nous devrons obtenir notre élément, donc nous allons dire le texte de l'élément des options du projet. Bien entendu, l'indice sera nul car nous allons simplement obtenir le premier élément. Le premier élément est celui qui sera sélectionné à chaque fois. Ce sera donc le texte de l'élément, et nous allons simplement indiquer à notre gestionnaire de pages que le projet actuel est égal à ce que notre gestionnaire de pages que le projet actuel nos options de projet ne reçoivent pas le texte de l'élément et transmettre ce zéro. C'est bon. Donc, si nous allons voir notre chef de projet et que nous nous dirigeons vers le projet en cours, où nous le définissons sous forme de chaîne, si nous le supprimons, tout devrait bien se passer. Nous devrions pouvoir le sélectionner et le charger. Passons donc à notre bouton de chargement de projet. Nous devrions probablement également définir le bouton d'option , puisqu'il est là. nous faisons pour cela, c'est simplement définir la ligne que nous venons d'écrire. Projet en cours par rapport au texte de l'article. La seule différence ici est qu' au lieu de passer zéro, nous pouvons simplement transmettre l'index, ce que j'aime bien utiliser IDX ou index, et celui-ci est automatiquement transmis avec son signal, donc c'est bon Ainsi, lorsque nous chargeons un projet, ce que nous faisons est en fait ce bloc de texte que nous avions tout au long du processus. Tout ça. Je vais juste appuyer sur Control K ou, désolé, Control X pour supprimer ça. Control V pour l'intégrer à notre charge, sorte que lorsque nous appuierons sur le bouton de chargement du projet, nous puissions faire ce que nous avons fait la dernière fois. Nous allons obtenir le projet actuel. Nous allons définir la dernière page. Nous allons obtenir le numéro de page sous forme de chaîne, puis nous allons définir le texte puis mettre à jour notre aperçu. Donc, si on lance ça, jetez-y un œil. Le projet d'étude est là, le chargement existe déjà, et nous n'avons pas masqué nos autres textes. un moment donné, nous allons devoir faire en sorte que l'écran de démarrage visible soit égal à faux. Vous pouvez également simplement masquer l'écran de démarrage. Mais encore une fois, j'aime utiliser vrai et le faux en fonction de ma visibilité. Donc, si nous atteignons ce point, boum, c'est parti , nos données sont chargées, notre écran disparaît et nos informations sont définies. C'est bon. Nous pouvons donc maintenant charger ces exemples et si vous vouliez continuer et tester cela, vous pouvez certainement le faire. Tu pourrais venir ici et tu pourrais faire une page deux. Allons-y. Page deux. Il s'agit de la deuxième page du projet d'étude. Si nous l'exécutons, cela devrait être la page que nous chargerons. Comme vous pouvez le constater, c'est cette deuxième page qui a été chargée, car il s'agit la dernière page que nous avons ajoutée. Il y aura toujours cette nouvelle page. Si nous avons plus d' un projet ici, titre d'exemple, appelez-le autre projet. Lune. Vous savez, nous allons y avoir au moins une page et mes autres notes de projet. Et si nous l'exécutons, nous devrions voir que nous avons deux options. Donc, si nous sélectionnons mon autre projet, nous devrions le voir sélectionner première page parce que c'est la seule page qu'il possède, et nous devrions voir mes autres notes de projet figurer dans le texte de nos notes ici. L'existant, et le voilà. C'est bon. Nous sommes donc en mesure d'intégrer les projets existants que nous avons créés, ce qui est fantastique. Texte D. Nous n'avons pas besoin de celui-ci. Je vais juste supprimer ce projet de deuxième page. Retournez dans le Maine, et maintenant nous pouvons examiner notre nouveau projet. Pour ce faire, dans notre gestionnaire de pages, je vais créer une nouvelle fonction spécialement pour cela, et je dirais funk add new project Il n'a rien, et nous vous transmettrons le nom du projet. Donc, New Prog sous forme de chaîne, et ce que nous allons faire, c'est accéder à nos projets entre crochets Nous allons transmettre New Prog, et nous allons le définir comme un dictionnaire Et ce dictionnaire aura juste notre première page sous forme de clé et de chaîne vide, parce que nous allons avoir notre première page, et nous n'avons rien dessus. C'est complètement neuf. Et nous devons également vérifier et nous assurer que new pro, le nouveau projet que nous transmettons, n'est pas vide. Et par là, je veux dire une chaîne vide. Nous pouvons donc dire que si le nouveau programme n'est pas égal à une chaîne vide, nous allons simplement appuyer dessus Donc, tant que nous transmettons une chaîne qui n'est pas vide, nous créerons un nouveau projet pour celle-ci. Donc, dans l'ensemble, nous pouvons aller de l'avant et nous pouvons aller de l'avant et créer un nouveau projet. Ce serait donc notre ajout au gestionnaire de pages. Comment l'avons-nous appelé ? Ça n'apparaît pas là-haut. Ajoutez un nouveau projet. Je vais juste double-cliquer et le copier. C'est bon. Et nous savons que cela prend un projet comme argument. Et pour cela, nous allons prendre ce que l'utilisateur a saisi dans notre ligne d'édition ici Hein ? Maintenant, n'oubliez pas que nous attribuons cette modification de ligne en haut comme nouveau nom de projet. Nous avons donc déjà accès au nouveau texte du nom du projet. De même, nous pourrions nous assurer qu'il n'est pas vide ici également. Juste pour une petite précaution supplémentaire. Donc, le nouveau nom du projet n'est pas égal à une chaîne vide, et je vais juste taper cette ligne dans le gestionnaire de pages. Et qu'est-ce que cet art ? Oh, le nom du nouveau projet est un point de texte. Nous y voilà. Donc, s'il ne s'agit pas d'une ligne vide, nous ajouterons un nouveau projet et transmettrons ce texte. Ensuite, nous avons une double vérification juste pour nous assurer qu'il ne s'est rien passé de bizarre. Nous allons donc vérifier si ce projet n'est pas une chaîne vide, puis nous allons créer un nouveau projet pour celui-ci. Une fois que nous avons créé ce projet, nous pouvons aller de l'avant et déterminer qui est ce projet. Oui, lorsque nous ajoutons un nouveau projet, nous pouvons l'appeler créer. C'est très bien. Nous avons défini le projet actuel égal au nouveau Pj De cette façon, nous pouvons réellement le charger. Nous pouvons dire que nous devrions simplement pouvoir appeler cette fonction en appuyant sur le bouton du projet. Oui. Et nous pouvons aller de l'avant et tester cela, voir si nous avons des problèmes. Nous allons venir ici et nous dirons que c'est moi qui vais appeler ce projet de démonstration, créer un nouveau projet, et il est vide. Il semblerait que nous ayons un nouveau projet. Mais je ne sais pas. Peut-être que oui, peut-être pas. Je vais imprimer nos pages, O gestionnaire de pages, faire des projets, faire des clés, juste pour des raisons sécurité, et nous donner une double vérification ici. Démo, projet. Créez-en un nouveau. Si nous examinons le résultat, nous voyons que nous avons un projet stable et que nous avons un projet de démonstration. C'est bon. Nous sommes donc en train d'ajouter un projet et de configurer une page avec succès, et si vous voulez tester ceci, mon nouveau projet, vous pouvez le définir par défaut, si vous le souhaitez. Projetez, créez-en de nouveaux, et le tour est joué. Maintenant, nous pouvons y ajouter des projets, charger la page la plus récente, récupérer le texte, le signer et mettre à jour notre aperçu. Nous créons donc des projets et nous chargeons nos projets. Ce dont nous avons besoin maintenant, je suppose, c'est de créer le coffre-fort automatique pour nos projets, puis de charger ce fichier au démarrage de notre projet Oh, et puis je suppose qu'il faut aussi ajouter des pages. Nous avons donc presque terminé. Il ne nous reste que peu de choses à faire pour que cela fonctionne pleinement. Et puis, bien sûr, vous pouvez toujours diversifier, ajouter d'autres fonctionnalités. Explorez un peu, trouvez d'autres balises, ajoutez peut-être d'autres options. C'est bon. Nous allons continuer et nous examinerons la possibilité d'ajouter probablement de nouvelles pages dans la prochaine leçon. 23. 23 Ajouter et modifier des pages: À ce stade, nous avons suivi le même chant et la même danse. Vous savez donc exactement ce que nous allons faire lorsque nous créerons une nouvelle option dans notre barre d'outils. Et ce que nous allons créer ici, c'est un bouton de pages qui nous permettra d'ajouter une nouvelle page et d'en charger une autre. Si nous ne voulons pas charger la première ou la dernière page, n'est-ce pas ? Nous voulons peut-être passer à une page précédente, peut-être lire les notes, n'est-ce pas ? Très bien, alors allons-y et faisons-le. Donc, dans notre barre d'outils, ajoutons un bouton qui indiquera simplement page. Des pages. C'est bon. Renomme-le Bouton de page, donnez-lui un signal. Connectez le signal de presse, connectez-le à notre réseau principal. Bouton de page quand on appuie dessus ? Nous devons ouvrir notre propre menu. Nous avons donc utilisé ces balises ici. Je vais aller de l'avant et dupliquer l'un d'entre eux. Normal. Je vais le renommer et dire options de page, paramètres de page. Options de page. S. Allons-y. Je suis si visible. De quoi aurons-nous besoin ? Nous allons juste avoir besoin de quelques options pour ajouter une nouvelle page. À l'intérieur de la boîte en V, je vais toucher un point positif. Je vais avoir un bouton. Je dirais d'ajouter une nouvelle page. Je vais renommer ce nouveau bouton de page. Je vais placer le haut de mon boîtier V. Voyons voir de quoi d'autre avons-nous besoin ? Avons-nous besoin d'une boîte H pour quoi que ce soit ? Lorsque nous ajoutons une page, nous devons oui, nous pouvons utiliser une case H. Sur cette étiquette, nous dirons « changer de page ». Ce bouton. Oui. Nous dirons changer deux. Nous allons donc cliquer dessus lorsque nous voulons modifier notre bouton. Désolé, mais nous voulons changer de page. Je vais changer le nom de ça. Bouton de changement de page, et nous allons avoir besoin d'autre chose à l'intérieur de cette boîte H également, nous allons avoir besoin d'une boîte de rotation. Et je veux que ça se situe entre mon étiquette et mes fesses. Maintenant, une boîte de rotation, en termes simples, c'est juste cet objet que nous pouvons monter et descendre avec notre roue. Ce n'est vraiment rien d'extraordinaire. Mais de même, vous pouvez aussi simplement taper là-dedans, par exemple, Hen, il entre, et c'est bon, non ? Cela devrait fonctionner. Maintenant, ce que je veux vérifier, parce que les cases de rotation, c'est juste que je me demande si ce n'est tout simplement pas aussi bon dans ce cas, que si nous laissions simplement l'utilisateur le taper comme une modification de ligne. Et nous pouvons simplement afficher le nombre maximum de pages. L'utilisateur. Quel itinéraire voulons-nous emprunter ici ? Je pense que je veux suivre l'approche linéaire ici. Je vais supprimer ma boîte de rotation. Je vais ajouter une modification de ligne. Les livres doivent mettre cela dans notre projet, dans la bonne section, et c'est parti. Mettez-y la page dactylographiée. L'utilisateur le sait donc. Et voyons voir. Je pense que je vais afficher le maximum de pages en haut. Quoi ? Oui. Je pense que oui. Je vais donc ajouter une étiquette en haut de ma boîte V en haut de la VBox. Nous y voilà. Et je vais passer à l'étiquette Max pages. Et cela va simplement nous indiquer le nombre de pages maximum, Colon et un chiffre. Maintenant, c'est vers la gauche. Je ne le veux pas là, donc alignement horizontal, je vais le mettre au centre. Ensuite, lorsque nous aurons notre deuxième monnaie, nous aurons besoin qu'elle soit connectée. Connectez donc un signal de presse pour cela. Voyons voir, de quoi d'autre aurons-nous besoin ? Nous pouvons donc changer de page, nous pouvons ajouter une page. Est-ce que c'est tout ce dont nous aurons besoin ? Je pense que c'est le cas. Ce qui signifie que nous pouvons continuer et fermer cette page. Nous pouvons régler cette boîte en V si nous voulons être au centre juste pour que tout y soit. Ce bouton d'ajout de page. Je pense que je vais passer à la mise en page et le personnaliser pour un. ne le vois pas en bas. Juste pour le rendre un peu plus épais. Génial. Nous avons donc besoin d'une variable pour ces pages Max. Du moins pour l'étiquette ici. Nous avons besoin d'une variable pour modifier une ligne. Et nous avons besoin d'un signal provenant de notre bouton Ajouter une nouvelle page et d'un signal provenant de notre page. Et la page de changement est connectée. Le bouton de page est connecté. La nouvelle page n'est pas connectée. Une nouvelle page, appuyez sur Connect. C'est bon. Fantastique. Nous allons donc créer nos variables Nous allons donc avoir besoin d'une section pour l'intérieur de nos panneaux. Disons, options de page ex-bar. Il s'agit d'un panel. Je vais définir ces annales, les options de page, les sélectionner Nous y voilà. Voyons voir, ensuite, nous allons avoir besoin de nos nœuds de texte. C'est là que je vais mettre mes modifications de ligne. Nous en avons un ici, donc je vais juste rester là. X, et voici l'étiquette de nos pages. Il s'agit d'un type d'étiquette. Je vais le signer. Allons-y. Il ne nous reste plus qu' à modifier les lignes. Tracez la page. Et il s'agit d'un nœud de texte. Je vais donc aller de l'avant et mettre ici, exporter sur une ligne de page C'est. C'est Aine Edit. Et définissons ce dernier. Modification de lignes de page, et je crois que c'est tout. Commençons par le plus simple. Et c'est sur le bouton de notre page que vous avez enfoncé, ce qui sera comme tous nos autres articles. Nous pouvons donc continuer et copier celui de nos tags. Collez-le dedans et, bien sûr, changez-les de notre balise aux options de page. Allons-y. Et juste pour des raisons de sécurité. Nous allons aller de l'avant, vérifier nos options, vérifier nos groupes. Assurez-vous qu'il est là. Oh, ce n'est pas le cas, alors je vais juste cocher cette petite case pour m'en assurer. Allons-y. Et maintenant, ce bouton devrait fonctionner comme prévu. Pourquoi ne pas travailler. Oh, parce que je suis un panel et que celui-ci est quoi ? Quel est le problème ? Bouton. Tu as mis quelque chose dans le mauvais groupe. Non, ce sont des panneaux d'options. Il s'agit bien d'un panel. Permettez-moi d'y jeter un coup d'œil et de voir quel est le problème ici. C'est bon. J'ai trouvé ce que j'ai fait. Je viens d' imprimer mes panneaux, et je peux voir ici dans le résultat que j'ai accidentellement placé mon bouton de page dedans. C'était un Woops. J'ai donc simplement sélectionné le bouton de ma page et je l'ai décoché dans les groupes, et tout devrait bien se passer maintenant Oui. Nous y voilà, comme nous nous y attendions. C'est bon. Parfait. Maintenant que nous avons notre bouton de modification et notre nouveau bouton, lorsque nous chargeons un projet, nous devons également définir le texte de notre bouton Max page. Max. Voilà, texte de l'étiquette Max pages est égal à Max pages, puis un certain nombre par la suite. Ce sera, je suppose, que nous pourrions l' utiliser comme dernière page, ce qui n'est qu'une page dans ce cas. Oui. Alors allez-y et faites une page là-dedans ? Pouvons-nous le faire ? Je ne pense pas que nous puissions faire du pad. Nous devons également avoir un avantage. Nous y voilà. Plus de page. Pouvons-nous faire du rembourrage, nous ne pouvons pas. Donc Pad zéros. Je vais dire deux. Alors, qu'est-ce que cela va faire maintenant si nous démarrons Nous devrions en fait entrer dans le pôle, donc je vais désactiver les options de page. L'écran de démarrage est allumé, et jetons-y un coup d'œil. Je vais ouvrir un projet d'étude, charger un projet existant, et si nous ouvrons des pages, nous pouvons voir Mx pages 1. Cela nous permet donc de savoir que les pages ici ne doivent pas dépasser une. Et si nous essayons d'en mettre deux, lorsque nous cliquons sur Modifier deux, c'est à ce moment-là que nous devons également effectuer cette vérification. Et nous pouvons le faire avec notre bouton de changement de page ici. Nous allons vérifier, donc je vais dire, faisons en sorte que le texte Var soit égal au texte. Appelons-le pour le numéro de page. C'est ce qui devrait être un int. Qu'est-ce qui correspond à notre texte là-bas ? Avons-nous un texte d'édition sur une ligne de page ? T. Point deux, t, et nous devrions également le mettre dans un chèque électronique. Je vais donc dire que si la modification d'une ligne de page à deux points de texte est valide. Nous allons donc dire que s' il s'agit d'un numéro valide, puisqu'il s'agit d'une modification de ligne et que nous pouvons simplement le taper en lettres, nous voulons nous assurer que c'est un numéro valide qui a été saisi Donc, s'il s'agit d'un numéro valide, nous pouvons attribuer le numéro de page ici, mais nous voulons également le réduire. Nous voulons donc également définir un PN, égal à un Max. Tout est en minuscules, entre parenthèses ouvertes et fermées Maintenant, Max va sélectionner le plus grand nombre ici. Le plus grand nombre, voyons, devrait être notre maximum de pages. Mais si quelqu'un saisit un plus grand nombre, ce n'est peut-être pas Max. Peut-être voulons-nous que la mine travaille ici. Oui. Nous voulons travailler avec Well, nous voulons travailler avec Min et Max, parce que nous voulons nous assurer qu'ils ne passent pas dessous de la première page. Nous allons donc dire Max. Nous allons transmettre un PN pour un numéro de page. Et un. Cela signifie que nous allons être à un au strict minimum Si quelqu'un tape zéro ou moins trois, par exemple, le numéro de page sera défini sur un, et de même, nous pouvons également effectuer une autre vérification ici avec Min. Nous allons donc dire le numéro de page. Nous allons obtenir le plus petit nombre entre le numéro de page et notre gestionnaire de pages, nous voulons obtenir la dernière page. Et la dernière page devrait être définie en fonction de notre projet actuel. Ainsi, lorsque nous ajoutons une nouvelle page ici, nous devons nous rappeler de mettre à jour la dernière page. Donc, avec ça, on devrait pouvoir changer de numéro, de page. Donc, si nous allons de l'avant et lançons notre projet d'étude. Accédez aux pages. L'une est notre page maximale. Donc, si nous tapons comme à la page 25 et disons « changer deux », rien ne devrait se passer car nous en sommes toujours à la première page. Si nous tapons la page zéro, cela ne changera pas. Nous allons rester sur la première page. Et si nous avions plusieurs pages ? Allons-y et testons cela. C'est bon. Donc je vais juste y aller, et je vais ajouter une autre page ici. C'est ce que l'on appelle la page deux. C'est la page deux. Un trois. C'est la page trois. Nous avons donc trois pages ici. Nous allons donc charger ce projet, et nous pouvons voir qu'il se charge jusqu'à la page trois, car c'est la page la plus récente que nous ayons. Nous pouvons passer aux pages. Nous voyons que nous en avons un maximum de trois. Disons que nous voulons passer à la page deux. Changement. Eh bien, rien ne s'est passé. C'est malheureux. Maintenant, pourquoi il ne s'est rien passé ? Eh bien, si nous y jetons un coup d'œil, nous avons défini le numéro de page, mais nous n'avons pas réellement changé le numéro de page. C'est bon. Donc, si nous regardons quand nous avons chargé notre page, qu' est-ce que nous avons fait ? Eh bien, nous l'avons fait dans le cadre de notre projet de chargement ici, non ? Nous avons fait tout cela. Nous pouvons continuer et simplement l'appeler à nouveau. Non. Ne le faisons pas. Nous pouvons créer une nouvelle fonction pour une page de modification dans notre gestionnaire de pages. Disons que Funk change de page. Ne vous attendez à rien en retour. Nous allons prendre un argument selon lequel Hage est un int. Et nous pouvons dire « projets », « projet en cours », et nous transmettrons une version sous forme de chaîne de caractères de la page. Nous aurions alors besoin de ce texte. Voulons-nous vraiment le placer ici ? Tu sais quoi ? Je pense que nous allons avoir un retour ici, nous allons obtenir un retour de ficelle cette fois-ci. Cela signifie que nous devons renvoyer un certain type de chaîne afin cette fonction ne génère pas d'erreur pour nous. Et nous allons l'obtenir ici parce que nous allons dire T, qui est une chaîne, et cela représentera notre texte. Il y aura des pros, des projets en cours, et vous aurez accès à la page, non ? Nous allons obtenir le texte sur cette page. Ensuite, nous allons nous renvoyer ce texto. Nous pouvons donc maintenant prendre cette fonction et l'affecter à une variable. Par exemple, nous pouvons maintenant dire que var new text est égal gestionnaire de pages, et cela doit être une chaîne. Nous n'avons même pas besoin de le définir avec une nouvelle variable. Nous pourrions simplement l'appeler directement, non ? Le texte est égal à la page de changement de page de notre gestionnaire de pages, passez le NPN. Ensuite, bien sûr, nous devons mettre à jour cet autre texte. Je vais chercher la fonction text it et l'ajouter ici. Et maintenant, nous devrions pouvoir changer de page. Nous allons charger notre projet d'étude. Nous en sommes à la page trois, allez-y. J'essaie de passer à la page négative. Oh, ce point négatif a fonctionné dans ce cas. Intéressant. Vous voyez que cela a changé, mais il est automatiquement passé à la première page parce que c'est le plus bas que nous puissions atteindre, n'est-ce pas ? Tout comme si nous essayions de passer à la page 45, cela devrait nous ramener à la page trois. Oups, je dois appuyer sur le bouton «   Changer deux ». Et comme vous le voyez, c'est la page 3. Nous n'allons donc jamais vraiment dépasser cela. Et pour illustrer cela à l'utilisateur, nous devrions également mettre à jour ce texte. Nous allons donc obtenir cette ligne de page, modifier le texte et le définir sur PN sous forme de chaîne. De cette façon, il est mis à jour visuellement pour l'utilisateur. Quand on y entre. Vous voyez si nous venons ici maintenant, nous sommes comme, ah, page moins cinq. Nous allons voir ce chiffre passer automatiquement à un parce que nous ne pouvons pas descendre en dessous de un. Voilà. En même temps, cela signifie que nous verrons toujours quelle est la page actuelle, car elle sera toujours remplie ici pour nous. C'est bon. Maintenant, nous pouvons changer de page. Et si nous voulons ajouter une page ? Eh bien, dans notre gestionnaire de pages. Comme vous pouvez le voir ici, j'ai une fonction appelée Ajouter nouvelle page que nous allons utiliser. Cela ne renvoie rien, donc nul. Nous allons créer une variable appelée Nouvelle page. Il s'agit d'un int, et il s' agira simplement de projets, d'un projet en cours. Nous allons chercher les clés. Nous allons donc obtenir toutes les pages de cette taille de projet. Supposons donc que nous ayons une page actuellement, car il est impossible que nous n' en ayons aucune. Sur la page, et nous allons y ajouter une page, afin que notre nouvelle page devienne la page deux, si nous n'en avons qu'une. Et que faisons-nous ? Eh bien, nous allons page en cours de nos projets, nous créons une nouvelle entrée, une chaîne de nouvelle page, qui serait deux dans ce cas, d'un nouveau projet, et nous lui attribuons une chaîne vide. Maintenant, nous pouvons simplement appeler cette fonction lorsque nous voulons ajouter une nouvelle page. Nous pouvons donc dire que le gestionnaire de pages ajoute une nouvelle page. Maintenant, nous souhaiterons peut-être également modifier la page, mais si nous jetons un coup d'œil à la page trois, nous ajouterons une nouvelle page. Nous avons une nouvelle page. Nous devons y mettre à jour le texte de nos pages Max. Suivant. Je vais donc récupérer le texte de notre ligne de page. Et nous devons le régler sur le nombre maximum de pages, ce qui signifie que nous allons devoir le récupérer à nouveau. Et c'est ce que nous avons fait. Nous l'avons bien compris dès le début. Non, non. Nous n'y sommes pas parvenus. Où l'avons-nous placé ? Ici. Nous l'avons placé quelque part. C'est ici. Nous l'avons fait sur notre cargaison. Nous avons donc obtenu cette page, puis il nous suffit de continuer et de la récupérer à nouveau. Ce qui signifie simplement la dernière page. Nous, nous aurions besoin de redéfinir la dernière page. Nous pouvons donc essentiellement prendre tout ce texte et nous l'avons utilisé lors du chargement. Et appelez-le à nouveau parce que nous avons besoin de stocker. Nous avons en fait le projet actuel. Nous pourrions donc simplement la transmettre, mais nous pouvons simplement réutiliser cette variable juste pour la raccourcir. Définissez la dernière page maintenant, maintenant que nous en avons ajouté une nouvelle, et nous obtiendrons cette page sous forme de chaîne. Et maintenant, nous pouvons simplement définir ce texte, ou cette charge, ici. Et nous pouvons simplement le copier directement vers le bas. Alors maintenant, lorsque nous ajoutons une nouvelle page, vous pouvez voir que nous en sommes à la troisième page. Nous arrivons sur une nouvelle page, et notre texte maximum de pages ici est mis à jour à quatre. Donc, si nous le voulons, nous pouvons taper quatre et appuyer sur le changement deux. Alors voilà. Nous l'avons dedans, et nous pouvons toujours ajouter autant de pages que nous le voulons. Ensuite, revenez à la première page et commencez à taper le nombre de textes que vous souhaitez pour chaque page. Mais voilà. Nous pouvons donc maintenant ajouter de nouvelles pages. Nous pouvons modifier la page. Et nous ajoutons à notre. Nous ajoutons des éléments à nos données et nous en tirons des enseignements. Les données de nos projets sont là-haut. D'accord ? Je pense que nous sommes sur le point de commencer à examiner nos sauvegardes automatiques , puis à charger ces données lorsque nous ouvrons notre projet. 24. 24 Enregistrement automatique: Très bien, examinons la possibilité de sauvegarder notre projet ou plutôt de sauvegarder les projets sur lesquels nous prenons des notes et d'ajouter un mécanisme de sauvegarde automatique à notre projet. Très bien, je suis juste dans notre gestionnaire de pages. Et j'ai ici une fonction appelée Enregistrer les projets. Bien entendu, nous ne pouvons pas avoir de sauvegarde automatique si nous n'avons pas mécanisme de sauvegarde de base. C'est bon. Donc, ce que je vais faire, c'est bien, réfléchissons-y. Pour enregistrer un projet, nous avons besoin d' un fichier pour le sauvegarder. Allons-y donc et donnons-lui un répertoire. Nous allons aller de l'avant et l'appeler chemin. Soyons une chaîne. Et le chemin dans lequel nous allons le mettre sera l'utilisateur Colon slash slash Désormais, le répertoire des utilisateurs est l'endroit le plus sûr pour le placer, car il fonctionnera sur toutes les plateformes. Je travaille donc sur tous vos systèmes d'exploitation de bureau. Cela fonctionnera sur toutes vos tablettes, cela fonctionnera sur tous vos téléphones. Je travaillerai sur Steam Deck si vous deviez jouer à votre jeu là-bas. Le répertoire des utilisateurs est donc un endroit assez sûr pour enregistrer des données si vous créez quelque chose destiné à être multiplateforme. Et sur mobile, c'est l' un des rares endroits auxquels nous pouvons accéder facilement , indépendamment de tout ce qui se trouve sur l'appareil. Nous allons donc simplement les enregistrer dans le répertoire des utilisateurs, donc utilisateur Colon Slash Ensuite, nous ajoutons le nom du fichier que nous voulons enregistrer. Donc je vais juste appeler ça. Voyons voir. Je vais dire mes projets ou mes notes. Je vais suivre mes notes, et je vais juste lui donner une extension de PRO J pour les projets. Tu peux lui donner ce que tu veux. Vous pouvez lui donner un fichier TXT si vous le souhaitez. Cela n'a pas vraiment d'importance. En fin de compte, c'est quelque chose qui peut être ouvert dans un fichier texte ou un éditeur de texte. Mais toutes nos données seront une, vous ne voudrez pas y accéder normalement sur un appareil mobile et deuxièmement, elles seront toutes stockées en binaire, vous ne pourrez donc pas entrer et modifier les fichiers de toute façon. C'est bon. Maintenant, ce que nous devons faire, c'est ouvrir ce fichier, même s'il n'existe pas encore. Nous allons donc dire F, si vous le souhaitez, vous pouvez le nommer complètement comme fichier. C'est très bien. Je vais juste le nommer fichier juste pour m' assurer que personne ne s'y trompe. Et le type sera l'accès aux fichiers. Et pour ouvrir ce fichier, nous devons appeler l'accès aux fichiers ouvert, et nous pouvons transmettre notre chemin. Et maintenant, cela prend un deuxième argument et ce deuxième argument va être la question de savoir si nous devons lire, lire puis écrire, écrire ou écrire puis lire ? Maintenant, dans notre cas, nous sauvegardons un projet, nous devons donc être en mesure d'écrire dans ce fichier. Notre deuxième argument sera donc l' accès aux fichiers, point droit. Ligne suivante. Nous avons donc maintenant un chemin vers le fichier. Et nous avons ouvert le fichier avec les autorisations correctes pour écrire dans le fichier, en gros pour le sauvegarder. Et maintenant, la question est : que voulons-nous stocker dans ce fichier ? Eh bien, nous voulons stocker nos projets. Donc, tout ce que nous avons à faire pour stocker manière sûre et sécurisée est stocker des fichiers Underscore. Et cela prend un argument selon lequel l'argument sera celui que vous voulez stocker Dans notre cas, il ne s' agira que de projets. Notre dictionnaire que nous avons créé contient tous nos projets et pages. Ensuite, nous n'avons pas à faire cette dernière partie, mais par habitude et juste pour, je suppose, un peu de sécurité, nous pouvons procéder à la fermeture manuelle du fichier. Maintenant, le fichier devrait se fermer tout seul après l'une des mises à jour précédentes du moteur, mais nous allons le fermer au cas où quelque chose se produirait et qu'il ne se ferme pas automatiquement. Très bien, nous pouvons donc continuer et le faire. Et maintenant, n'oubliez pas que cela se trouvera dans votre répertoire d'utilisateurs. Et si vous voulez le localiser, le moyen le plus simple consiste simplement à monter en haut, à accéder au projet et à descendre pour ouvrir le dossier de données utilisateur. Et ce que vous allez obtenir, c'est simplement ouvrir votre répertoire de données pour ce projet. Maintenant, sous Windows, dans les données utilisateur de l'application Goto itinérante, le nom de votre projet Et puis c'est là que se trouveront vos journaux si vous les suivez. Et puis Shader Cash et Vc sont des choses que nous pouvons simplement ignorer, non ? Ils n'ont vraiment rien à voir avec nous et lorsque nous l'enregistrerons, c' est là que notre fichier apparaîtra. Je vais donc simplement créer une fonction prête à dans notre gestionnaire très rapidement afin que nous puissions la tester. Et appelons Save Projects, et je clique simplement sur Exécuter, et je le fermerai très rapidement. Et si nous y jetons un coup d'œil, voici le fichier qui a été enregistré. Et si nous le voulons, nous pouvons double-cliquer dessus et nous verrons une tonne de petites options différentes. Je vais juste cliquer sur le bloc-notes. Et vous pouvez voir que nous ne pouvons ni lire ni modifier tout ce qui se passe. C'est bon. Nous devons donc examiner comment pouvons-nous enregistrer automatiquement ce fichier ? Eh bien, nous voulons économiser cela à chaque fois. Je vais donc monter en haut. Je vais créer une nouvelle variable. Je vais l'appeler « save ». Je vais le définir comme un int, et spécifiquement pour le tester, je vais continuer et le configurer pour enregistrer. Je vais le définir pour qu' il soit enregistré toutes les 10 secondes pour cela. Et j'espère que je vais juste temporiser cela afin que nous puissions réellement voir la date de modification du changement d'heure sur notre fichier. De cette façon, vous pouvez voir que cela fonctionne puisque nous ne pouvons pas simplement l'ouvrir. Mais allons-y et nous pouvons ignorer le projet de sauvegarde maintenant. Ce que nous devons faire, c'est créer un moment pour nous. Donc je vais y aller, ah et nous pouvons aller de l'avant et créer ça, donc je vais enregistrer V T, n'est-ce pas ? Tapez le minuteur, et nous dirons Ter point new. Et lorsque nous l'exécutons, si nous examinons le toucher à distance, où tout se passe en direct, notre chargement global, automatique ou simple, que vous voulez lui donner est chargé dans le projet, et c'est juste un nœud comme tout le reste. Il est juste chargé avant tout, et il fonctionne en permanence. Nous pouvons donc y ajouter une note de chronomètre , et c'est ce que nous allons faire. Nous allons juste y ajouter un chronomètre étant enfant. Je vais donc arrêter ce projet très rapidement. Et je vais juste dire le nom en point T. Je vais lui donner un nom égal à save Tier. Et je vais juste le donner avec du capital. Nous pouvons donc facilement y accéder plus tard, non pas que nous en ayons besoin, mais le faire maintenant, car le temps d' attente est égal à notre temps de sauvegarde ou à notre variable en haut. Nous devons maintenant l'ajouter à notre scène. Nous pouvons donc ajouter un enfant, ou si vous voulez être précis et le rendre un peu plus lisible, vous pouvez ajouter un enfant par point automatique. Et ajoutons notre minuteur, qui est bien sûr T pour le moment. Il suffit de l'ajouter à notre scène. Et pour le moment, si nous devions l'exécuter et jeter un œil à la télécommande. Nous pouvons voir que nous avons ce petit menu déroulant ici que nous l'ouvrons, et voici notre chronomètre. Et on peut le voir sur le côté droit. Notre temps d'attente est fixé à 10 secondes, ce qui est génial. Maintenant, nous pouvons activer le démarrage automatique, et qu'est-ce que c'est ? Eh bien, si c'est vrai, comme indiqué, le chronomètre démarrera immédiatement lorsqu'il entrera dans l'arbre des scènes. Et une fois que le chronomètre entre dans le t, cette propriété est automatiquement définie sur falls, ce qui est très bien. Cela n'a pas vraiment d'importance, car une fois que nous en avons ajouté deux ici, nous pouvons continuer et démarrer le chronomètre nous-mêmes, n'est-ce pas ? Juste en appelant pour commencer. Et nous allons également avoir besoin de connecter un signal ici pour que notre minuterie automatique continue de fonctionner. Tout simplement parce que je ne crois pas que cela va redémarrer automatiquement, mais nous pouvons toujours vérifier. Quoi qu'il en soit, même si c'était le cas, nous devrons toujours connecter un signal. Maintenant, le signal que nous voulons connecter va être, nous ne pouvons pas le voir dedans, mais ce sera le signal de temporisation. Donc, puisque je vais juste le connecter à ce script lui-même, et que nous le faisons ici, nous allons devoir le faire par le biais du code. Nous pouvons le faire en expirant la connexion et avoir ensuite le nom de notre fonction ici Avoir une coll. Et le nom de notre fonction. Nous pouvons le mettre là-dedans. Ce n'est généralement pas ainsi que je le fais personnellement, mais vous pouvez le faire de cette façon. Permettez-moi de descendre et de créer une fonction ici. Je dis « gagnez du temps ». Moi, j'ai une petite chambre là-bas. Et je peux simplement le coller ? Il semble que je puisse le faire. Nous ne commettons pas d'erreur. Génial. Donc, ce que je vais faire, c'est louer le Word Time Out, et nous verrons s'il fonctionne toutes les 10 secondes ou s'il va falloir le redémarrer manuellement. Alors allons-y et jetons un coup d'œil. Nous attendons, nous cherchons la fenêtre contextuelle ici dans le coin. Et nous devrions avoir un délai d'attente. Nous y voilà. Un, deux, trois, quatre, cinq, six, sept, huit, neuf. Ça y est. Il a recommencé, un, deux, trois , quatre, cinq, six, sept, huit, neuf, et il y a un troisième R K. Il semble donc qu'il redémarre seul, ce qui est génial Nous n'avons pas besoin d'aller de l'avant et de nous en souvenir alors. Et nous réapparaissons une quatrième fois, d'une seconde à l' autre. Oui, ça y est. C'est donc une confirmation suffisante pour moi que cela fonctionne effectivement. Donc, ce que nous allons faire, c'est que je vais simplement appeler Save Projects à ce moment-là. Maintenant, toutes les 10 secondes, cela va enregistrer mes projets. Donc, si je n'ai rien là-dedans, alors nous n'aurons rien. Et à titre d'exemple, je vais venir ici. Et pour te montrer ça. Je vais aller de l'avant et commenter tout cela. Et si nous l'ouvrions, nous verrons qu'aucun projet n'est chargé ici, ce qui est très bien, et nous allons faire une sauvegarde. Et nous pouvons voir ici que dans notre fichier vide, c'est tout ce que nous avons, donc nous pouvons voir qu' il n'y a rien dedans. Et ce chronomètre devrait s'arrêter d'une seconde à l'autre. Pourquoi ne l'est-il pas ? Voyons voir ici. Je suis juste un peu sale. Bien sûr, je cherche quelque chose à imprimer, mais évidemment, rien ne va être imprimé. Parce qu'il n'y a rien là-bas. Donc, si je l'ouvre à nouveau, pour qu'on puisse voir qu'il est complètement vide, non ? Nous pouvons voir que nous avons notre dossier ici. Il est complètement vide. Nous avons exactement ce que c'est, qui est juste notre variable de projet sans rien dedans. Maintenant, si nous devions ouvrir notre projet, non ? Nous avons notre projet ici. Créons un nouveau projet, et nous pouvons simplement l'appeler notre projet de démonstration, n'est-ce pas ? Projet de démonstration, créez-en un nouveau. Et juste avec ça, nous verrons si j'ouvre à nouveau ce fichier. Nous pouvons voir maintenant que nous avons une sorte de données là-dedans. Alors, qu'est-ce qui permet d'économiser tout ce temps, n'est-ce pas ? B, nous pouvons taper ce que nous voulons ici. Je sens la scie levée. Peut-être que nous entrerons. Peut-être que nous ajoutons une liste ou deux, non ? Créez une nouvelle page, ajoutez quelques pages. Hein ? Quoi que ce soit, nous le faisons, super, cool. Et si nous l'ouvrons à nouveau, nous pouvons voir que d'autres données ont été ajoutées à la fin. Nous voyons notre page. Nous voyons notre un, deux , trois et quatre. Nous pouvons donc voir que toutes ces informations sont enregistrées et qu'elles sont mises à jour environ toutes les 10 secondes. Très bien, génial. si nous voulions charger ces données ? Eh bien, pour le charger, nous y reviendrons dans la prochaine leçon. 25. 25 projets de chargement: Jetons un coup d'œil au chargement de nos projets, et je vais le placer au-dessus de mon niveau de préparation, étant donné que cela ressemblera en grande partie aux projets de sauvegarde. Je vais y aller, me coucher , charger des projets. Nous ne retournons rien. Et nous allons à nouveau avoir besoin du chemin. Et vous pouvez stocker ce chemin en haut avec les autres variables si vous le souhaitez, et nous aurons à nouveau besoin de notre fichier ici. Maintenant, la question est la suivante : en ai-je besoin d'un autre ? Je le sais. Allons-y. Le problème ici est donc puisque nous essayons de charger nos projets, nous n'avons pas besoin d'autorisation d'écriture. Ce dont nous avons besoin, c'est d' un accès aux fichiers par lecture par points. Nous devons simplement être capables de lire les données. Maintenant, une fois que nous avons lu ces données, nous devons en extraire les variables de nos projets, afin de pouvoir facilement faire de la réalité virtuelle biologique. Et cela ne nécessite aucun argument. Je veux dire, vous en avez vu une apparaître, et c'est si vous voulez autoriser des objets, alors que nous n'avons pas d' objets ici, n'est-ce pas ? Nous venons de recevoir une donnée. Nous n'avons donc rien à y mettre. Et la chose importante à retenir, c'est que lorsque vous obtenez la réalité virtuelle, vous les obtenez dans le même ordre que celui dans lequel elles ont été stockées. Donc, si vous y aviez un tas de choses différentes stockées comme ça. Si vous souhaitez tout stocker séparément, par exemple. Ensuite, lorsque vous utiliserez GT Var, vous recevrez celui-ci en premier, puis vous appellerez GT Var une deuxième fois, puis vous appellerez GT Var une deuxième fois, puis vous recevrez ceci, vous l' appellerez une troisième fois, vous aurez celui-ci, vous l' appellerez une quatrième fois, vous aurez celui-ci, et ainsi de suite. Donc, si vous voulez stocker plusieurs variables comme celle-ci, gardez simplement à l'esprit que vous allez récupérer le Var dans le même ordre dans lequel vous l'avez stocké. C'est bon. Maintenant, lorsque nous aurons Var, cela nous renverra ces données, et c'est ce que nous voulons utiliser et les associer aux données nos projets en haut de la page, n'est-ce pas ? Quelles que soient les nouvelles informations dont nous disposons. Ensuite, il suffit de s'assurer que notre dossier a été fermé, encore une fois, c'est censé se faire automatiquement. Mais pour être sûr, nous pouvons le fermer manuellement, juste pour nous assurer que rien ne se passe mal. Maintenant, quand nous serons prêts, avant même d'avoir terminé notre chronomètre, nous pouvons commencer et charger notre projet. Et ce que nous pouvons faire, c'est que nous risquons rencontrer une erreur si ce fichier n'existe pas. Maintenant, comme je l'ai déjà exécuté sur l'ordinateur, ce fichier existe clairement déjà. Ce que je vais faire, c'est supprimer ce fichier, et vous pouvez le voir ici. Je l'ai supprimée. Il n'est plus là. J'appuie sur Control Z, le voilà. Supprimer. Si j'ai essayé de l'exécuter, nous allons probablement rencontrer une erreur. Ouais. Ça y est. Nous essayons d'obtenir une variable à partir d'un fichier qui n'existe pas. Donc, puisque nous avons essayé d'ouvrir un fichier qui n'existe pas, le fichier est nul, et nous essayons d'appeler G Var sur un objet nul, quelque chose qui n'existe pas. Nous devons donc mettre en place ce type de précaution. Juste au cas où, nous n'avons à aucun moment ce fichier. Donc, entre les variables de chemin et de fichier ici, nous pouvons procéder à une vérification électronique. Il y en a deux que nous pourrions faire. Nous pourrions le faire, nous allons les implémenter tous les deux, mais nous allons dire d' utiliser une instruction if. Nous allons donc dire que le fichier d'accès au fichier F existe, transmettez le chemin. Il s'agit d'une instruction if, alors terminez-la par deux points. Ensuite, nous pouvons prendre nos trois dernières lignes et simplement les appuyer, les surligner et appuyer sur Tab. Alors maintenant, nous allons dire, si ce fichier existe, alors nous allons le charger. Et une fois que nous l'avons chargée, extrayez la variable L et fermez le fichier. Et cela seul fonctionnera parfaitement bien. Nous n'aurons aucune erreur lors de la saisie. Le problème ici est qu' il y a peut-être un fichier, mais peut-être qu'il y a une erreur lors du chargement du fichier, n'est-ce pas ? Une sorte d'erreur, peut-être que le fichier lui-même a été corrompu d'une manière ou d'une autre. Nous pouvons donc nous assurer que nous le chargeons réellement. Et si nous y jetons un coup d'œil, je vais maintenir la touche Contrôle enfoncée et cliquer sur Ouvrir. Vous voyez, nous avons de nouveau accès aux fichiers. C'est génial. C'est bon. Nous avons donc ici notre première mesure de précaution. vérifierons si ce fichier existe, puis nous allons le charger. Et maintenant, avant d'essayer d'en extraire des données, nous devons vérifier s'il nous devons vérifier s' y a eu des erreurs lors de l'ouverture de ce fichier. Et nous pouvons le faire en disant si le fichier ne s'ouvre pas, car l'erreur sera liée au moment où nous sommes ouverts. Nous pouvons obtenir l'erreur f file dot get open. Et nous pouvons vérifier si c'est égal à, si tout va bien. Et c'est K. Terminez-le par deux points et appuyez sur les deux lignes suivantes en dessous, touchez-les, et c'est aussi simple que cela. Nous allons donc dire, si ce fichier existe, puis nous allons le charger, s'il n'y a pas eu de problème à le charger, puis nous en extrairons les données et fermerons le projet. Et bien sûr, c'est ici que vous pouvez intervenir et vous pouvez dire autre chose, et vous pouvez continuer à imprimer. Il y a eu une erreur, non ? Et tu pourrais le mettre dedans. Si tu le souhaites. Hein ? Donc, si vous vouliez mettre ça dedans , vous pourriez, vous ne verrez pas cette empreinte ici. Vous devrez parcourir vos fichiers pour accéder à vos journaux, et la plupart des gens ne voudront pas le faire sur leur appareil mobile, autant plus qu'ils devront au moins télécharger un programme externe pour télécharger un programme externe parcourir les fichiers, juste pour obtenir les journaux afin de les obtenir et de les publier en ligne pour obtenir de l'aide. C'est plus compliqué. Pour les appareils mobiles. Nous allons donc y jeter un œil. Donc je vais juste vous en parler dans une seconde, je vais démarrer le projet. On voit que je n'ai rien ici. Aucun fichier n'a été créé. Et d'une seconde à l'autre, cela va enregistrer ce fichier. Nous allons le voir apparaître. Ça y est. Je vais entrer et je vais dire projet de démonstration, créer un nouveau projet. Je vais juste mettre un tas de données ici. Peut-être que nous le faisons. Quelques données sont entrées, non ? Nous avons donc un tas de données ici maintenant. Et cela devrait être sauvegardé à tout moment. Maintenant, il est un peu difficile pour nous de savoir quand il a été enregistré, puisque c'est toutes les 10 secondes. Vous devriez peut-être le dire toutes les 5 minutes ou quelque chose comme ça, 5 minutes ça fera 300 secondes. Et puis toutes les 10 minutes, ce sera 600 secondes, et vous pourrez en quelque sorte partir de là. Mais si nous l'ouvrons, nous pouvons voir que nous avons certainement des données ici, nous avons une page de données. Nous avons donc des projets. Je vais donc fermer ça. Je vais l'ouvrir. Nous n'aurons aucun problème à charger ces données. Et nous allons voir qu'il y a un projet de démonstration là-bas et que je peux charger le mien existant. Apparemment, nous n'avons malheureusement pas enregistré les autres données , ou nous n'avons tout simplement pas modifié les données de la page. C'est également possible. Jetons donc un coup d' œil à ce problème. OK. Je vois donc que nous n'avons aucun moyen de jeter un œil à notre page actuelle. Nous pouvons donc aller de l'avant et régler cela. De cette façon, nous pouvons enregistrer spécifiquement les informations que nous voulons. Je vais donc créer une nouvelle variable ici dans mon gestionnaire de pages, Var current page. Il peut s'agir d'un zéro. Maintenant, prenez la page en cours lorsque je descends pour changer de page. Nous pouvons continuer et définir la page actuelle comme étant égale à la page. Maintenant, voulons-nous le mettre là au cas où ? Juste au cas où nous taperions quelque chose de sauvage ? Peut-être que nous ne le savons pas. Peut-être voulons-nous définir dans le mode principal. N'oubliez pas que nous allons le récupérer et que nous vérifierons nos numéros ici. Je suppose donc que c'est à ce moment-là que nous voulons réellement le configurer. Donc, en appuyant sur le bouton de notre page, après avoir effectué nos vérifications Max et Min, allons-y et nous dirons page, nous devons obtenir le projet actuel de notre gestionnaire de pages. Page en cours. Assurez-vous simplement que je le tape correctement. En termes de capitalisation, majuscule P. La page actuelle est égale à P N, mais cela devra être sous la forme d'un int, ce qui est le cas actuellement Cool. Oh, oui, quand on change de page, elle est déjà là. Nous aurions donc pu le dire là-dedans. Donc, tu sais, je pense que je vais le faire. Je vais juste y aller et le remettre dedans. C'est mon erreur parce que nous faisons nos vérifications avant d'appeler ça. La page actuelle est donc égale à la page. C'est bon. Je vais aller de l'avant et enregistrer ça. Nous avons donc maintenant la page en cours enregistrée quelque part. Et maintenant, nous pouvons vérifier quand est-ce que nous voulons enregistrer ? Eh bien, chaque fois que nous chargeons notre projet, ou que nous ne le chargeons pas, mais chaque fois que nous modifions le texte de notre projet. C'est à ce moment-là que nous voulons mettre à jour les données réelles. Où l'avons-nous mis ? Nous l'avons mis juste en haut. Nous mettons donc à jour cet aperçu, ce qui est excellent. Mais nous devons mettre à jour le texte de notre page. Allons-y et mettons à jour le texte de notre page. Je vais juste créer une variable appelée CP pour le projet en cours. Nous allons accéder à notre gestionnaire de pages pour faire des projets, transmettre le projet en cours, puis nous avons besoin de la page en cours. Et c'est la page actuelle de notre gestionnaire de pages. Et nous allons en avoir besoin sous forme de chaîne, alors couvrez-la avec STR et une paire de parenthèses Et nous l'avons simplement défini comme texte d'édition de texte. R Alors maintenant, ce dont nous avons besoin, c'est que la page actuelle soit définie par défaut. Et la valeur par défaut que nous avons actuellement est zéro, ce qui est impossible. Je vais donc la définir sur un. Et puis si jamais nous le changeons pour configurer notre page, ce que nous avons déjà configuré, n'est-ce pas ? Alors changez de page. C'est à ce moment-là que nous allons le mettre à jour. Cela devrait aller maintenant. Allons-y et jetons un coup d'œil. Passons au projet de démonstration, chargez un fichier existant. Et chaque fois que nous ajoutons des choses ici, je change. T. Boom, non ? Nous pouvons ajouter un tas de choses. Cela n'a pas vraiment d'importance. Ajoutez de nouvelles pages. Passons à la page trois, changeons deux. Ce sont les données de ma page trois qui sont enregistrées, espérons-le. Et nous pouvons compter sur un, deux, trois, quatre, cinq, six, sept, huit, neuf, dix. J'espère donc qu'au cours de cette période, un projet sauvegardé aurait dû être réalisé. Je ferme ça. Et je vais aller de l'avant, ouvrir mes données utilisateur. Et si je l'ouvre et que j'y jette un œil. Je vois que j'ai trois pages ici. J'ai ce qui semble n'avoir aucune donnée sur la page deux, ce qui semble être des données sur la page trois et beaucoup de données sur la première page. Donc, si nous allons de l'avant et le chargeons, alors voyons le maintenant. Chargez le projet existant. Il y a la page trois. Accédez aux pages. Passons à la première page. Nous avons deux ans. C'est bon. Donc, une chose que nous avons manquée est le bouton Charger le projet enfoncé dans notre script principal. Nous voulons définir un point de la page actuelle du chef de projet égal à une conversion int de la page. Je me souviens que la page est une chaîne à ce stade. La page reçoit la dernière page. Nous voulons donc nous assurer que la page actuelle est également définie sur la dernière page lors du chargement. Et c'est tout ce que nous devons y ajouter. Je vais donc ouvrir mon dossier, le supprimer, et je vais vous le montrer. Je vais te montrer quoi maintenant. Nous allons donc entrer le nom du projet, projet de démonstration, en créer un nouveau. Page 1, nous allons continuer. Nous pouvons ajouter un tas de listes. Il y aura peut-être une table là-dedans, boum. C'est bon. Accédez aux pages. Peut-être allons-nous ajouter quatre pages. Passons à la page deux. Voici la page deux. Passons à la page trois. Waouh, oh, mon Dieu, c'est la page trois, puis passez à la page quatre. Ces données sont étonnantes pour la page quatre. Et nous allons procéder à un simple compte à rebours. Je vais aller de l'avant et poster ici, pour que vous n'ayez pas à l'écouter Nous aurions donc dû économiser sur ce point. Je vais le fermer, le laisser s' ouvrir . Chargez notre projet. Voici notre page quatre. Passez à la page trois. Waouh, mon Dieu, c'est la page 3. Passons à la page deux. C'est la page deux, et nous allons à la première page. Et voici toutes nos données. Allons-y. Le seul problème que nous avons rencontré est que nous n'avons tout simplement pas défini la page actuelle lorsque nous avons chargé le projet. Cela était donc à l'origine de l'erreur. Mais à part cela, cela fonctionne désormais parfaitement. Nous avons fait des économies. Le chargement est en et notre sauvegarde se fait désormais automatiquement. Dans notre cas, toutes les 10 secondes, façon réaliste, je peux le trouver Vous voudrez peut-être le faire toutes les 5 minutes, soit 300 ou toutes les 10 minutes, soit 600 minutes, quelque chose comme cela est plus raisonnable et plus attendu. 10 secondes, c'est un peu exagéré. pour une sauvegarde automatique, mais si vous vouliez avoir quelque chose court, vous le pourriez tout à fait. Je vais juste y aller et le remettre à 10 secondes juste pour ça. Voilà. C'est ça. Chargement, sauvegarde et sauvegarde automatique. Tout fonctionne désormais pour nous. À ce stade, nous y avons donc nos modifications de texte. Nous pouvons y ajouter nos tableaux, nous pouvons ajouter des couleurs, des surlignages. Et toutes ces informations, nous les chargeons, nous les sauvegardons. Nous pouvons ajouter de nouveaux projets, nous pouvons ajouter de nouvelles pages. La dernière chose à vous montrer serait de savoir comment créer une exportation pour votre appareil Android et ce sera une vidéo. Nous allons devoir télécharger quelques éléments afin d'obtenir les bons outils et ceux dont nous aurons besoin. Et à part ça , ce sera une question de savoir combien de choses supplémentaires vous voulez y mettre. Par exemple, vous pouvez ajouter une option permettant à l'utilisateur de choisir la durée de son compte à rebours. Donc tu pourrais le mettre dedans si tu le voulais. C'est aussi simple que de modifier la variable ici dans notre gestionnaire de pages, puis de régler l'heure de notre minuterie C'est bon, c'est ça. Et je vous verrai dans la prochaine leçon, où nous verrons comment démarrer le processus d'exportation. 26. 26 Exporter pour Android: C'est bon. Donc, pour démarrer le processus d'exportation Android ici, vous allez passer à un point ouvert sur les versions TML du JDK point slash Et vous serez redirigé vers cette page. Maintenant, il vous suffit d'ouvrir le JDK huit si vous le souhaitez si vous souhaitez simplement vous créer dans une application à installer sur votre appareil Votre appareil mobile en particulier. Mais si vous voulez pouvoir télécharger vous créez, disons sur le Google Play Store objets que vous créez, disons sur le Google Play Store à l'avenir. Vous aurez besoin du JDK 11 parce que c'est ce qui va prendre en charge l'AAB, qui, je crois, est désormais requis sur la console de jeu Donc c'est à toi de décider si tu veux en avoir huit ou si tu veux en avoir 11, je choisirais 11 juste pour être sûre, et le point chaud, c'est bien. Vous pouvez ensuite simplement continuer et faire défiler la page vers le bas, vous pouvez sélectionner le système d'exploitation que vous utilisez. Bien sûr, des fenêtres ici. Et vous pouvez opter pour le X 86 ou le X 84, selon la solution prise en charge par votre système. Si vous avez un système 32 bits, vous pouvez obtenir X 86. Si vous avez un 64 bits, vous pouvez obtenir x 64. Allez-y et téléchargez comme indiqué, veuillez télécharger le binaire sur adopt gm.net à l'avenir C'est bon, peu importe. Vous pouvez donc continuer, continuer et cliquer sur le lien «   adoptez m.net » qui s'y trouve C'est un exemple, et vous pouvez voir que vous pouvez sélectionner à nouveau votre système d'exploitation pour réduire les fenêtres audio. 64, si vous êtes un utilisateur 64 bits, et voici votre version. Vous pouvez continuer et cliquer simplement sur MSI ou Zip. Vous pouvez utiliser le MSI pour le JDK et simplement l'exécuter et l'installation commencera pour vous Et ce dont vous aurez peut-être également besoin, c'est Android Studio et allez-y, exécutez-le une seule fois. Et s'il y a un problème où vous devez également installer les outils Sra, vous pouvez également obtenir ces outils Android ici aimez les outils du SDK, nous pouvons y voir la ligne de commande, les outils de construction STK et tout ça, qu' il pourrait exécuter si vous en avez vraiment besoin, mais ici, sous téléchargement, vous devriez être en mesure d'installer les outils au fur et à mesure les outils au fur Et si vous faites simplement défiler l'écran vers le bas, vous pouvez voir que vos options Windows , Mac et Linux s'y trouvent. Si vous pouvez simplement continuer et courir, lancez l'EXC là où vous voulez. Tu devrais avoir ça et ainsi de suite. Comme je l'ai dit, assurez-vous de l'avoir fait au moins une fois juste pour vous assurer que vous avez tout obtenu. Tout fonctionne bien. Ensuite, à partir de là, nous devons exécuter certaines commandes. Maintenant, je ne sais pas comment l'exécuter si vous utilisez un Mac ou Linux. Mais sur Windows, je peux vous aider un peu. Maintenant, dans l' éditeur, vous allez devoir accéder aux paramètres de l' éditeur, et vous allez devoir définir le chemin de votre SDK chemin du SDK Android s' y trouve, qui, encore une fois, se trouvera probablement dans la section de votre document, et cela ne sera probablement généré qu'après avoir ouvert le projet Encore une fois, c'est pourquoi vous voulez vous assurer exécuter le studio Android au moins une fois là-bas, et de simplement créer un lien direct vers ce dossier Et puis le magasin de clés de débogage, si vous n'en avez pas déjà un, alors avec votre JDK Java, je vais vous montrer comment le générer Et ce sera juste avec la ligne de commande. C'est bon. Donc, ce que vous voulez faire, c'est accéder à l'emplacement de votre JDK, qui sera votre lecteur C, X 86, si vous avez fait 32 bits et les fichiers de programme si vous avez fait 64 bits, allez dans Android, JDK Et sur ce système, j'en ai huit installés ici, puis sur la version 32, j'en ai 15. Cela n'a pas vraiment d'importance. Encore une fois, qu'il s'agisse de 64 bits ou 32 bits, il vous suffit de trouver votre JDK Encore une fois, huit ou onze, ouvrez-le. Vous aurez un autre fichier, ouvrez-le, allez dans Bin, et c'est dans ce dossier que nous devons être. Si nous faisons défiler la page vers le bas, vous verrez si nous allons avoir un point d'outil clé XC ici. C'est ainsi que vous savez que nous sommes au bon endroit. C'est bon. Donc, pour l'utiliser , montons en haut et cliquons sur la barre d'adresse, et il ne nous reste plus qu'à taper CMD Maintenez la touche Shift enfoncée et appuyez sur Entrée. Et cela ouvrira une invite de commande dans ce dossier. C'est bon. Pour une raison ou une autre, il ne semblait pas vouloir s'ouvrir avec Admin. Je suis donc allée de l'avant et j'ai ouvert invite de commande moi-même en tant qu'administrateur, et je vais simplement cliquer sur cette barre d'adresse, contrôler S une copie dans le CD Command Prompt, qui représente un répertoire de modification, espace, et le coller dedans. Ça m'amènera ici. Ensuite, je vais encore une fois coller le code que nous avons examiné plus tôt. Parcourez rapidement ce Boam et dites oui, et voilà, nous l'avons parcouru, juste comme ça Nous avons maintenant un magasin de clés de débogage que nous pouvons utiliser. Et vous pouvez le saisir à nouveau dans les paramètres de l'éditeur, placer le chemin directement vers ce magasin de clés de débogage, puis y mettre le mot de passe de débogage que vous utilisez, en vous souvenant que c'est votre mot de passe ici, Et si vous voulez créer une clé pour la publier au moment où vous souhaitez réellement la publier, pourrez la soumettre à des sites tels que le Playstore Ce sera alors un code très similaire. Encore une fois, vous voulez être dans le même répertoire. Et ce sera Key tool, V, gen Key, keystore, puis le nom du nom de votre clé Donc dans ce cas, c'est mon jeu, et c'est un fichier keystore à points L'alias, c'est mon jeu. Validité clé ALGRSA. Et encore une fois, j'en ai 10 000. Et j'ai juste frappé. Il ne me manque donc rien. Allez-y et appuyez sur Entrée, donnez-lui un set. Entrez le mot de passe du keystore. Très bien, vous pouvez donc y aller maintenant, vous ne verrez rien lorsque vous tapez. Assurez-vous donc de ne pas faire de faute de frappe. Et le mot de passe sera le mot de passe de ce fichier. Encore une fois, vous devez vous en souvenir pour votre clé de déverrouillage. Et puis encore une fois, la première et dernière chose, l'organisation. C'est exactement la même chose que nous avons faite il y a une seconde pour le debug Un code de pays britannique. Confirmez les informations, donnez-en une seconde, renvoyez-les si elles sont identiques au keystore. Entrez le mot de passe. Ouais. Comme vous le voyez, je suis en train de taper, rien n'est apparu. Mais c'est là-dedans. Je vais appuyer sur Entrée. Je saisis à nouveau le mot de passe. Nous y voilà. Et maintenant, dans ce dossier, si je fais défiler l'écran jusqu'à un autre, je peux voir le magasin de mes clés de jeu. C'est bon. Ils configurent donc toutes les informations dont nous aurons besoin pour créer cette exportation. Il ne nous reste plus qu'à venir ici pour projeter, aller dans Exporter, ajouter Android. Et si vous n' avez pas les modèles, ce que je n'ai pas pour cette version, je vais simplement cliquer sur le bouton Gérer les modèles d'exportation qui s'y trouve. Cela m'amènera ici, cliquez sur, téléchargez et installez. Cela ne devrait prendre que quelques instants. Bien entendu, cela dépendra de vos propres vitesses Internet. Et quelle est la nouveauté de cette version. Habituellement, plus la version est récente, plus les gens essaient télécharger tous ces modèles, et plus le service est lent, moins d'après mon expérience. Donnez-lui juste un moment de plus, et ce sera fait. Et vous pouvez voir ici que vous pouvez avoir installé des modèles pour plusieurs versions différentes en même temps. C'est bon. C'est 100 %. Donnons-lui 2 secondes pour terminer. Ensuite, nous pouvons intervenir et je vais vous montrer comment faire l'exportation. Cool. Nous y voilà. Maintenant, si vous avez obtenu les modèles d'exportation sur le site Web lui-même, je crois que vous obtenez un fichier TP Z, si je ne me trompe pas, vous pouvez simplement procéder à l'installation à partir d'un fichier et le sélectionner. C'est bon. B up, Exporter le projet et Exporter. Vous pouvez voir que nous sommes là. Et vous pouvez ignorer cet avertissement ici, si nous utilisons le script GD Nous n'utilisons pas le CSRP, et vous voyez ici où vous pouvez avoir votre modèle Vous n'avez donc rien à ajouter pour le débogage, cela se fera à l'aide de la clé de débogage que vous avez configurée pour configurer un éditeur Libérer. C'est là que vous pouvez aller de l'avant et vous ouvrir. Cliquez sur ce fichier de navigation et recherchez votre clé de lancement. Je suis désolée, je demande des modèles. C'est ici que vous voulez accéder à la section keystore. C'est ici que vous pouvez cliquer sur les sourcils, trouver votre clé de déverrouillage, saisir votre nom d'utilisateur et votre mot de passe, et pareil L'utilisateur sera donc votre alias. Et bien sûr, le mot de passe que vous avez défini. Et il en va de même pour votre débogage, vous ne devriez pas avoir à réserver, il devrait donc être automatiquement extrait des paramètres de l'éditeur Et là, vous pouvez définir le nom unique de votre version. Encore une fois, ce sera généralement le nom de votre projet par point com. Normalement, ou com point studio point, le nom de votre projet. Et vous pouvez lui donner un nom ici. Encore une fois, ce sera le paramètre par défaut s'il est vide. Vous pouvez définir la catégorie de vos applications ici Si vous suivez ces notes, vous allez probablement passer à la productivité. Vous pouvez définir les icônes de votre lanceur ici. Si vous les avez créés, sinon, utilisez par défaut l'icône Goto Et vous pouvez voir ici toutes les autorisations que vous pourriez configurer , mais nous n'en avons pas besoin pour cette application. Et des architectures. Si vous savez lequel des vôtres est, tant mieux. Quel est votre appareil génial. Si ce n'est pas le cas, vous pouvez toujours les sélectionner toutes, cela les écrasera toutes ensemble Dans ce cas, nous utilisons un fichier APK d'exportation. Mais il y a cet AAB pour toi. Mais n'oubliez pas que vous avez besoin du JDK 11 si vous souhaitez utiliser l'un d'entre eux Je suis d'accord avec les APK, et c'est tout. Nous pouvons aller de l'avant et créer une exportation. Donc, exportez le chemin en haut ici. Ouvrez, et ce dossier by D se trouvera juste votre dossier de projets, mais vous pouvez le placer ailleurs. Je vais juste taper mes notes, et je vais utiliser l'APK. Je vais donc sélectionner Dt EPK. C'est une sauvegarde. La plate-forme cible nécessite une compression de texture. C'est bon. Pas de problème. Trouvons où c'est. Où est la compression de texture ? Cela se trouvera probablement dans les paramètres du projet lui-même. Alors je vais là-haut, je tape la texture. Recherchez cette compression. Dispositif de rendu, exportation. Je ne le trouve pas. Ça y est. Nous avons donc besoin des deux ETC. Je crois que c'est celui qui nous le disait. L'éditeur va devoir redémarrer. C'est très bien. Je vais également avoir envie de changer. Eh bien, tu sais ? Non. Non. Je vais donc recommencer, et je vous verrai un set. C'est bon. Je suis donc allée de l'avant et je l'ai fait. Et si vous l'avez remarqué en haut à droite, je change également d'avis sur la compatibilité. Juste au cas où, je ne sais pas quelle version fonctionnera sur mon téléphone. Je ne l'ai pas fait depuis longtemps sur mon téléphone. Passons donc à Project Export. Ces erreurs devraient maintenant disparaître. Génial. Nous sommes donc maintenant en mesure d'avoir simplement un projet d'exportation. Et si vous avez cette vérification de débogage, vous allez utiliser la clé de débogage Si vous ne le faites pas, il recherchera cette clé de déverrouillage. Comme je n'ai pas renseigné la clé de version dans mon modèle d'exportation, vous pouvez le faire encore une fois. Tu dois juste inscrire ton nom et ton mot de passe sur le mur. Je vais juste le laisser coché utiliser ma clé de débogage et enregistrer Ensuite, nous lui donnons juste un moment. Faites, faites, faites, faites, faites et juste comme ça, cela devrait être fait. C'est juste une vérification pendant une petite seconde, et c'est parti. Donc, si je vais dans mon système de fichiers ici. Je dois fermer ça. Système de fichiers. Cliquez avec le bouton droit de la souris pour afficher dans le gestionnaire de fichiers. Je devrais voir quelque part ici. Ça y est. Mes notes ne figurent pas dans l'APK. Je peux donc maintenant le prendre et l'installer sur mon téléphone en mettant simplement un périphérique USB pour le connecter. C'est bon. L'écran de mon téléphone est donc enregistré ici. Et je suis allé de l'avant et je viens déplacer mon APK sur mon téléphone. Eh bien, je l'ai mis en ligne quelque part. Je viens de le télécharger, et maintenant il me demande d'installer l'application. Je vais dire Installer. Et je peux voir, bla, bla, bla En gros, Google ne le reconnaît pas, donc je veux que je le scanne pour des raisons de sécurité, mais je l'ai créé. J'ai confiance en moi. Je vais appuyer sur l'application de numérisation. Malheureusement, je n'ai plus beaucoup d' options ici comme avant, mais je peux continuer l'installation. Application installée. Je vais appuyer sur Ouvrir. Et ah, j'ai oublié de définir une scène par défaut, ce qui est dommage. Mais il est également en mode paysage, et nous devons changer cela. Mais si je fais défiler l'écran vers le bas, ça y est. Je ne lui ai pas donné d'icône, donc mon application de notes a l'icône par défaut. Icônes. Allons-y et résolvons ce problème. Je vais supprimer cet APC afin que nous puissions en créer un nouveau. C'est pourquoi je vous encourage généralement à appuyer d'abord sur le bouton d' exécution. Je pourrais le définir dans le projet, mais je vais lancer la scène actuelle au lieu de lancer la scène actuelle, et je vais simplement sélectionner celle-ci. Hein ? Et maintenant, à l'export. J'ai raté une option quelque part ici. Voyons voir. Où est Sod ? Vous avez une option ici. Peut-être qu'ils l'obtiennent simplement dans les paramètres du projet maintenant. C'est parfaitement possible car c'était un peu bizarre de l'avoir à deux endroits à la fois. C'est bon. Donc des options avancées, et peut-être que c'est là. Je ne l'ai même pas remarqué en haut. Expansion de l'APK, non, lignes de commande, sauvegarde des données. Qu'est-ce que tu as fait ? Mais je ne le vois pas ici. Je suppose simplement qu'ils l'obtiennent paramètres du projet. Je peux donc y aller, définir les paramètres du projet et sélectionner les paramètres ou moi. Si je tape paysage, je n' y trouverai rien, paramètres de filtrage. Où va se trouver cette option ? Cela devrait figurer sous « Notre exportation ». Je vais faire une pause et je reviendrai quand je l'aurai localisé. Le voici sous le paysage d'orientation de la fenêtre d'affichage. Donc, pour nous, nous pouvons aller de l'avant et établir un portrait. Maintenant, si vous voulez que ce soit un capteur, vous pouvez utiliser le capteur, qui devrait détecter lorsque quelqu'un fait pivoter son téléphone Donc, si vous voulez l'utiliser de cette façon, vous pouvez parfaitement Je vais juste définir le portrait de M, qu'il soit réellement vertical, comme je le voulais. Appuyez sur clo, faites un autre whoops, une autre exportation . Pour le projet. Ouais. Donnez-moi juste une minute, et je vais procéder à la mise à jour. Rendez-vous dès que je l'aurai réinstallé. C'est bon. Je l'ai installé, et vous pouvez voir tout est là sur mon appareil, et c'est là que les tests entrent en jeu. Alors maintenant, vous pouvez y jeter un œil sur votre appareil, maintenant que vous avez quelque chose de réel avec lequel travailler. Et maintenant, vous pouvez entrer et tester et modifier n'importe quel texte ou quoi que ce soit. Maintenant, ça marche. C'est juste un peu petit. Alors maintenant, c'est là que je vais entrer et je vais modifier certaines de ces tailles de police pour tout Je vais donc aller de l'avant et dire : « Hé, projet de démonstration ». Créez un nouveau projet, et maintenant j'en ai un nouveau. Et n'oubliez pas que je peux continuer et taper toutes sortes de choses que nous voulons ici. Et tout fonctionne apparemment très bien. Et nos boutons en bas. Eh bien, il semblerait que je devrais jouer avec ça maintenant. Et c'est probablement lié à l'ancre. Quant à savoir si c'est tout là-haut. Mais vous pouvez voir que nos options fonctionnent. Et nous pouvons entrer, changer de page et tout ça. Donc, tout semble fonctionner. Il semble que j'ai juste besoin d'entrer et de modifier la taille de certaines choses et la façon dont tout disposé, ce qui est C'est vrai. Le projet de démonstration s'y trouve, charge l'existant, et ces informations apparaissent toujours. Je dois donc juste tweeter, jouer avec les choses dans leur apparence visuelle. Rendez les choses un peu plus belles. Et vous pouvez voir que le curseur fonctionne parfaitement bien. Si nous pouvons faire tout ce que nous pouvons faire en cliquant simplement, nous travaillerons très bien au toucher. C'est bon. Donc, si le vôtre ressemble un peu à ça, alors vous pouvez simplement entrer, jouer avec votre projet maintenant, modifier les choses, jouer avec les ancres, jouer avec la taille des objets, et simplement vraiment l'adapter à votre appareil Les coins de mon appareil sont arrondis. se peut donc que je ne veuille pas qu'il soit complètement rempli dans le coin parce que ce coin supérieur , là où il est écrit M. je ne peux pas le voir. Je peux le voir depuis le W ici. Il y a donc des parties que je ne peux pas voir jusqu'à présent. Viens là-haut. Monter dans ce coin supérieur serait vraiment difficile pour moi d'y accéder. Donc, sur mon appareil, je voudrais venir ici et peaufiner une partie de cela Et c'est juste quelque chose qui est un peu plus précis pour moi. C'est donc vraiment tout pour ce cours. Vous pouvez désormais ajouter les fonctionnalités de votre choix, modifier l'apparence de la vôtre, jouer avec les chiffres, jouer avec les ancres, jouer avec les tailles de police, tous ces éléments que vous souhaitez intégrer à votre configuration ou à votre projet C'est bon. Donc ça suffira pour ça. J'espère que vous avez beaucoup appris. Et avec ça, prends soin de toi, sois une bonne personne. Et je te verrai. Les gars, dans le prochain, je vais juste aller ici et vous montrer que ces tags apparaissent. Je vais être comme BG, je vais juste le taper manuellement. Je crois que c'était pour le dernier round. De toute évidence, je l' ai peut-être compris. Faites une entaille vers l'arrière. Comme d'habitude. Mais vous pouvez y voir que les tags fonctionnent parfaitement. Encore une fois, il suffit de jouer avec ces valeurs, trouver quelque chose qui fonctionne avec votre appareil. 27. 27 changements rapides: Juste une courte vidéo pour vous montrer comment résoudre certains des problèmes que nous rencontrions, où certaines de nos pages se retrouveraient complètement hors écran, par exemple, si je l'ouvrais et que je lui donnais une seconde. Où notre image vue de notre point de vue serait poussée ou tirée vers le haut et se trouverait en dehors de notre panneau. Et nos boutons n'existeraient même pas au bon endroit. Pour résoudre ce problème, il n'y a qu' un seul paramètre que nous pouvons définir dans les paramètres de notre projet, à savoir l' affichage et la fenêtre. Nous revenons au mode et vous pouvez définir sur l'élément Canvas. Maintenant, aspect, si votre appareil est entouré de barres noires, je peux vous montrer qu'il faut l'exécuter très rapidement. Donc, ce que fait Canvas, c'est essentiellement Canvas et les fenêtres d'affichage qui montrent simplement ce qu'il y a à l'intérieur de cette boîte bleue, et c'est tout Et avec cet ensemble à conserver, vous voyez que nous avons ces barres noires sur le côté. Si la résolution de votre téléphone est étrange, vous pourriez finir par l'avoir. Et si vous ne le souhaitez pas, vous pouvez simplement entrer ici pour l'aspect, et vous pouvez l'ignorer ou l'étendre si vous le souhaitez. Et recevons-nous des conseils sur les outils juste pour passer le curseur ici ? Oui, nous ne le savons pas. Mais vous verrez si nous l'exécutons maintenant avec expand au fur et à mesure que nous le retirons, il s'étendra sur toute la longueur. Et si nous utilisions ignore et que nous lançons cette option, Ignore va vraiment l'étendre au lieu de remplir complètement la zone. Donc, si vous voulez utiliser quelque chose comme ça, allez-y, développez simplement. Comme je l'ai dit, vous pouvez utiliser keep, selon vos préférences, keep width ou keep height. Il va zoomer sur l'écran jusqu'à ce que la hauteur ou la largeur soient remplies. L'un d'entre eux va être conservé. L'autre extrémité pourrait s'étirer. Mais je trouve que le maintien ou l'extension sont les meilleures options, mais c'est à vous de décider. Et je vais vous montrer ici très rapidement. Si je viens ici. Apportez le téléphone. Si je le lance maintenant avec cette seule modification apportée. Vous pouvez voir que nous pouvons entrer. Nous pouvons charger notre projet, et vous pouvez voir que nos boutons en bas disparaissent maintenant et s'affichent tels qu'ils étaient. Rien ne flotte aussi bien dans aucun de nos onglets. C'est bon. Alors voilà. Il existe une solution rapide pour cela. L'autre problème est peut-être simplement de modifier la taille de la police sur le bouton, par exemple, et sur notre écran principal lorsque vous créez ou chargez un projet Bien, ajuster ces tailles est quelque chose que vous voudrez peut-être faire également. Et si vous ne l'avez pas fait avec votre police principale ici, je le fais simplement dans la fonction prête ici. Je viens d'ajouter dans les deux mêmes lignes que celles que nous avions utilisées précédemment, jeu de points d'édition de texte, le themo varide, la taille de police à 30, et une mise à jour du texte d'aperçu Pakin sont les différentes polices ici, tailles de police et le réglage du mo Très bien, alors voilà. Il existe un moyen rapide de résoudre à peu près tous les problèmes que vous pourriez rencontrer. Encore une fois, il ne vous reste plus qu'à modifier , par exemple, la taille de certaines de vos étiquettes et de vos boutons pour les polices, etc. Très bien, Swant teste ça pour savoir si. Juste au cas où tu n'arriverais pas à le comprendre.