Calques et groupes
Organisez, réorganisez, groupez, imbriquez, masquez, verrouillez et restylisez vos éléments.
Le panneau Calques est votre vue d'ensemble de chaque élément de votre design, empilés dans l'ordre de dessin afin que vous puissiez voir et contrôler exactement comment votre interface dx est composée. À partir d'ici, vous réorganisez, imbriquez, renommez, masquez, verrouillez, groupez et ajustez finement l'opacité de chaque élément — le même ordre de superposition (z-order) et la même structure que ceux livrés dans votre Lua exporté.
Ouvrir le panneau Calques
Cliquez sur le bouton Calques pour ouvrir le panneau. Il liste chaque élément de votre design, chaque ligne affichant une vignette de cet élément afin que vous puissiez l'identifier d'un coup d'œil. La liste est ordonnée selon l'ordre de dessin (z-order) : la ligne du haut est l'élément le plus en avant, dessiné en dernier et apparaissant au-dessus de tout ce qui est en dessous, tandis que les lignes plus basses se situent en arrière-plan.
L'ordre dans le panneau Calques est le véritable ordre de dessin. Ce qui se trouve en haut de la liste est rendu au premier plan à la fois dans l'aperçu en direct et dans le Lua exporté.
Réorganiser les éléments
Modifiez quel élément se dessine au premier plan en faisant glisser une ligne vers le haut ou vers le bas dans la liste. Faites glisser une ligne plus haut pour la rapprocher du premier plan, ou plus bas pour la repousser vers l'arrière. C'est l'équivalent visuel de l'ajustement de l'ordre de superposition (z-order) — le nouvel empilement est reflété immédiatement dans l'aperçu.
- Saisissez la ligneAppuyez et maintenez sur le calque que vous souhaitez déplacer.
- Faites glisser vers une nouvelle positionDéplacez-le vers le haut pour l'amener à l'avant ou vers le bas pour le renvoyer à l'arrière.
- DéposezRelâchez lorsque l'indicateur de dépôt se trouve à l'endroit où vous voulez placer l'élément dans la pile.
Comprendre les cibles de glisser-déposer
L'endroit où vous déposez une ligne détermine ce qui se passe. Le panneau Calques reconnaît trois cibles de glisser-déposer distinctes, si bien qu'un seul glisser peut réorganiser, imbriquer ou désimbriquer un élément.
| Cible de dépôt | Ce que cela fait |
|---|---|
| Avant ou après une ligne | Réorganise l'élément — le déplace vers le haut ou vers le bas dans l'ordre de dessin par rapport à ses voisins. |
| Sur un groupe | Imbrique l'élément à l'intérieur de ce groupe en tant qu'enfant. |
| Bas de la liste | Envoie l'élément à l'arrière et le fait sortir de tout groupe dont il faisait partie. |
Utilisez le dépôt en bas de liste comme un moyen rapide à la fois d'envoyer un élément à l'arrière et de le sortir d'un groupe en un seul mouvement.
Dossiers de groupe
Les groupes agissent comme des dossiers dans le panneau Calques. Pour imbriquer un élément, déposez sa ligne sur un groupe — il devient un enfant de ce groupe et apparaît en retrait en dessous de celui-ci. Les groupes peuvent être développés ou réduits pour afficher ou masquer leur contenu, gardant les designs chargés bien rangés.
- Les enfants d'un groupe sont en retrait sous la ligne du groupe.
- Développez un groupe pour révéler ses enfants ; réduisez-le pour les replier.
- Déposez une ligne sur le groupe pour l'imbriquer ; déposez-la en bas de la liste pour la faire sortir du groupe.
Renommer un calque
Double-cliquez sur le nom d'un calque pour le renommer. Des noms clairs rendent les grands designs faciles à parcourir et gardent la structure exportée lisible.
Visibilité et verrouillage
Chaque ligne dispose d'un bouton œil (visibilité) et d'un bouton verrou. Utilisez l'œil pour masquer ou afficher un élément, et le verrou pour l'empêcher d'être sélectionné ou modifié sur le canevas. Lorsque vous masquez ou verrouillez un groupe, le changement se répercute sur tous ses enfants.
Le menu contextuel du calque
Faites un clic droit sur un calque — ou cliquez sur son icône ⋮ kebab — pour ouvrir le menu contextuel. Il regroupe en un seul endroit chaque action propre au calque, y compris un contrôle d'opacité en direct.
| Élément du menu | Ce que cela fait |
|---|---|
| Curseur d'opacité | Un curseur en direct qui ajuste la transparence de l'élément en temps réel à mesure que vous le déplacez. |
| Renommer | Renomme le calque (identique au double-clic sur son nom). |
| Dupliquer | Crée une copie de l'élément. |
| Masquer / Afficher | Bascule la visibilité de l'élément, reflétant le contrôle œil. |
| Verrouiller / Déverrouiller | Bascule la possibilité de sélectionner et modifier l'élément. |
| Mettre au premier plan | Déplace l'élément tout en haut de l'ordre de dessin. |
| Mettre à l'arrière-plan | Déplace l'élément tout en bas de l'ordre de dessin. |
| Dissocier | Décompose un groupe en ses éléments individuels (groupes uniquement). |
| Supprimer | Retire l'élément du design. |
L'élément Dissocier n'apparaît que lorsque vous faites un clic droit sur un groupe ; il n'a aucun effet sur un élément simple.
Grouper des éléments
Sélectionnez plusieurs éléments et groupez-les dans un seul conteneur. Le groupement garde les pièces liées ensemble afin que vous puissiez les déplacer, les masquer, les verrouiller et les réorganiser comme une seule unité. Un groupe peut être promu en fenêtre ou panneau Blueprint lorsque vous voulez qu'il se comporte comme une structure réutilisable, semblable à une fenêtre.
- Sélectionnez les élémentsChoisissez les multiples éléments que vous souhaitez combiner.
- Groupez-lesGroupez la sélection dans un seul conteneur.
- Promouvez si nécessaireTransformez éventuellement le groupe en une fenêtre ou un panneau Blueprint.
- Dissociez plus tardDécomposez le groupe depuis le menu contextuel ou l'inspecteur lorsque vous n'en avez plus besoin.
Opacité
L'opacité est une véritable propriété, pas simplement un effet d'aperçu. L'ajuster — via le curseur en direct dans le menu contextuel — modifie la transparence de l'élément à la fois dans l'aperçu et dans le Lua exporté, de sorte que ce que vous voyez dans Easelt Builder est ce que vos joueurs voient en jeu.
Comme l'opacité est exportée dans le Lua, vous pouvez régler des panneaux et des superpositions translucides directement dans le panneau Calques sans avoir à modifier manuellement les valeurs alpha des couleurs plus tard.