Écrans et composants

Cette page explique comment composer un écran à la main dans UI Design, du modèle de départ aux animations.

Créer un écran

Dans la colonne Écrans, cliquez sur le + (Nouvel écran).
Donnez-lui un Nom.
Choisissez l’onglet Standard ou Stud. Il fixe le style de l’écran.
Choisissez un modèle.
Laissez cochée Remplir avec les icônes Island Pilot, ou décochez-la pour garder les cases vides.
Cliquez sur Créer.

Type	Modèles
HUD	HUD vide, HUD complet, HUD simulateur
Menu	Menu vide, Boutique, Boutique à fiches, Récompenses quotidiennes, Récompenses en panneaux, Inventaire, Paramètres, Pass de combat, Index, Améliorations, Quêtes, Classement
Popup	Récompense, Confirmation d’achat, Victoire, Renaissance

Les modèles arrivent avec leurs sons (survol, clic, achat, fermeture, ouverture), et chaque fenêtre avec un bouton fermer que vous pouvez déplacer.

Placer les composants

Dans Bibliothèque › Composants, cliquez sur un composant ou glissez-le sur l’écran : Fenêtre, Panneau, Bouton, Bouton prix, Bouton icône, Titre, Texte, Compteur, Barre de progression, Case d’objet, Pastille, Minuteur, Image.

Un élément posé sur une fenêtre ou un panneau en fait partie et se déplace avec lui.

Geste	Effet
Glisser	Déplacer, avec aimantation (`Alt` : sans aimantation)
`Maj` + clic	Ajouter à la sélection
Double-clic	Modifier le texte
Flèches	Déplacer de 1 pixel (`Maj` : 10 pixels)
`Ctrl` + molette	Zoomer sur le canevas
`Ctrl+Z`, `Ctrl+Y`	Annuler, rétablir

L’icône Raccourcis de la barre du canevas liste les autres. L’annulation couvre la mise en page, pas la bibliothèque d’images.

Régler un élément

Sélectionnez l’élément, puis ouvrez Propriétés. Le Nom du calque devient le nom du widget dans UEFN et reste unique sur l’écran.

Ancrages

L’Ancrage, dans Position et taille, est le bord auquel l’élément reste attaché dans UEFN, quel que soit le format d’écran. Neuf choix : Haut gauche, Haut, Haut droite, Gauche, Centre, Droite, Bas gauche, Bas, Bas droite.

Island Pilot le choisit d’après la position de l’élément et le met à jour quand vous le déplacez. Si vous le fixez à la main, il ne change plus jusqu’au clic droit Ancrer au bord le plus proche de l’écran. Dans une fenêtre ou un panneau, l’ancrage se rapporte à ce parent.

Couleurs et polices

Ces réglages sont dans Apparence.

Couleur : les pastilles sont la palette du jeu. Vous pouvez aussi choisir une autre couleur, ou revenir à Par défaut.
Police : 23 familles libres sont livrées avec Island Pilot. Il faudra les importer à la main dans UEFN.
Arrondi (px) : remplace l’arrondi général pour cet élément.

Il n’y a pas de réglage général de la palette à la main. Pour la changer, demandez-le au UI Designer.

Animations

Moment	Choix
Entrée	Pop, Fondu, Glisse vers le haut, Glisse vers le bas, Glisse vers la gauche, Glisse vers la droite
En attente	Pulsation, Rebond, Flottement, Tremblement, Reflet, Rotation
Clic	Écrasement

Le bouton Lire les animations de la barre du canevas les joue, avec les sons des boutons. Dans UEFN, une partie de ce réglage reste manuelle.

Le clic droit

Sur	Actions
Un élément	Modifier le texte, Dupliquer, Copier, Coller, Premier plan, Avancer d’un plan, Reculer d’un plan, Arrière-plan, Sortir du groupe, Verrouiller, Masquer, Supprimer, et Bouton fermer indépendant sur une fenêtre dont le bouton fermer est intégré
Le fond du canevas	Coller ici, Tout sélectionner, Nouvel écran…, ajout rapide d’une fenêtre, d’un bouton ou d’un titre
Un écran	Ouvrir, Renommer…, Dupliquer, Créer avec l’IA…, Implémenter dans UEFN… (ou Mettre à jour dans UEFN… et Tout reconstruire dans UEFN… une fois construit), Supprimer l’écran…

Le dernier écran d’un projet ne peut pas être supprimé. Supprimer un écran ne supprime pas le widget déjà créé dans UEFN.