Certains appareils prennent en charge l'utilisation de widgets pour afficher une interface utilisateur personnalisée. Les appareils présentés dans le modèle affichent les interfaces utilisateur de manières différentes et spécifiques. Chaque pièce du modèle contient des informations sur les appareils qui y sont présentés et sur la manière dont ils affichent une interface utilisateur personnalisée.
Testez le modèle pour afficher les exemples d'interface utilisateur.
Le tableau ci-dessous présente les appareils affichés dans le modèle, les liens vers les pages correspondantes et les numéros de pièce où se trouvent les appareils :
| appareil | Numéro de pièce | Image de l'appareil |
|---|---|---|
1 |  | |
1 |  | |
2 |  | |
Contrôleur d'ATH (barre de raccourcis) | 2 |  |
3 |  | |
3 |  | |
3 |  | |
Appareil de conversation | 4 |  |
Types de widgets utilisateur
Pratiquement tous les appareils du modèle de fonctionnalités utilisent des widgets utilisateur pour contrôler l'ATH et afficher une interface utilisateur personnalisée.
Pendant le jeu, les widgets utilisateur affichent une interface utilisateur personnalisée du joueur dans l'ATH lorsqu'un appareil est déclenché. Les appareils sont liés aux widgets UMG. Autrement dit, lorsqu'un joueur interagit avec un appareil, l'interface utilisateur se met à jour et affiche les informations de joueur mises à jour.
Il existe deux types différents de widgets utilisateur : le widget utilisateur et la variante de fenêtre modale. Ces deux types de widgets peuvent utiliser n'importe lequel des widgets UMG pour créer une interface utilisateur personnalisée.
Un widget utilisateur est le widget par défaut à utiliser lors de la création d'une interface utilisateur personnalisée.
La variante de fenêtre modale ne peut être utilisée qu'avec l'appareil Fenêtre pop-up.
Par exemple, l'appareil de conversation utilise une banque de conversation pour créer l'interface utilisateur de conversation, mais vous pouvez personnaliser l'apparence de votre interface utilisateur de conversation avec une variante de fenêtre modale.
Utilitaires d'IU Verse
Les utilitaires d'IU Verse sont une collection d'utilitaires d'interface utilisateur (IU) pilotés par Verse. Ces utilitaires contrôlent et créent un certain nombre de widgets UMG différents dans Verse et utilisent un appareil Verse pour afficher l'interface utilisateur dans l'ATH.
Dans Verse, vous créez une disposition à l'aide de conteneurs tels que des superpositions ou des zones empilables, comme vous le feriez dans l'éditeur UMG. À l'intérieur de ces conteneurs, des widgets tels que text_block, material_block et image_block servent à insérer du texte, des matériaux ou des images. Ces widgets, que vous pouvez utiliser avec d'autres widgets Verse, peuvent répondre aux événements dans le jeu.
Les widgets Verse sont présentés à l'arrière de la deuxième salle, dans la deuxième pièce, à côté d'exemples de chaque widget. Le widget material_block contrôle les matériaux de l'IU, le widget text_size contrôle la taille du texte de l'IU dans le text_block de l'ATH,
et le widget player_input mappe les éléments d'IU personnalisés à l'ATH en fonction des raccourcis clavier.
| Bloc de matériau | Taille du texte | Entrée de joueur |
|---|---|---|
 |  |  |
Pour en savoir plus sur l'utilisation de Verse pour contrôler les widgets, consultez la page Types de widgets ainsi que les documents indiqués sur la page Créer une interface utilisateur avec Verse.
Tous les scripts Verse sont disponibles dans le projet Modèle d'interfaces utilisateur. L'explorateur Verse comprend les fichiers d'IU de script Verse suivants :
materialblock_basic_device.verse
materialblock_gameplay_device.verse
textsize_device.verse
hud_keybind_demo_device.verse
Bloc de matériau
Un widget material_block est utilisé comme l'un des emplacements à l'intérieur d'un widget personnalisé créé avec le code Verse. Pendant le jeu, le widget material_block vous permet de manipuler les paramètres du matériau à l'aide de Verse. Vous pouvez l'utiliser pour modifier l'apparence et le comportement du matériau/de l'instance de matériau de l'interface utilisateur dans l'ATH, de la même façon qu'un widget image_block vous permet d'utiliser une texture dans Verse.
Un widget material_block est utilisé de plusieurs manières dans le code Verse :
Il permet d'utiliser les paramètres de matériau pour déterminer la taille, le comportement et l'apparence du matériau en vue de créer une interface utilisateur plus dynamique.
Il peut transmettre des valeurs de Verse aux paramètres des matériaux, ce qui permet d'actualiser vos matériaux dynamiquement en fonction du jeu.
Pour en savoir plus sur l'utilisation de material_block dans vos projets, consultez le document Bloc de matériau.
Taille du texte
La propriété text_size fait partie du widget text_block et vous permet de personnaliser la taille du texte rendu sur l'interface utilisateur d'un joueur à l'aide d'un widget text_block.
Dans Verse, text_block est un type de widget inséré à l'intérieur d'un widget créé par Verse, qui restitue une chaîne de texte.
La propriété text_size personnalisée utilise le code Verse pour contrôler les attributs de texte suivants :
Taille
Place
Couleur
Entrée de joueur
L'entrée de joueur est utilisée pour écouter les données de joueur qui indiquent au code où et quand mapper les commandes d'IU à l'ATH en fonction des appuis sur les boutons. Dans UMG, cela fonctionne lorsqu'un widget d'action est utilisé dans un widget utilisateur, le champ d'action d'entrée améliorée est lié à une action d'entrée via un raccourci clavier.
Dans le widget, les raccourcis clavier sont mappés à Recharger, Tirer, S'accroupir et Se tenir debout.
Dans le modèle, lorsque le widget est ajouté au joueur, Mappage d'entrée est ajouté dans Verse. Cela lie automatiquement les actions d'entrée à ce joueur, afin que le widget UMG soit mis à jour avec les raccourcis clavier corrects pour cette action d'entrée.
Afin de mapper les éléments de l'IU aux joueurs, les joueurs sont d'abord détectés par le code Verse, puis PlayerInput est utilisé pour mapper l'IU personnalisée au HUD en fonction des raccourcis clavier mappés à :
Mappage de traversée
Mappage des armes à distance
Ensuite, PlayerInput.AddInputMapping est utilisé pour mapper l'IU du widget UMG aux raccourcis clavier du joueur pour s'accroupir et se tenir debout. L'IU est mappée au lecteur via l'événement OnPlayerAdded, faisant l'objet d'un abonnement. De même, le mappage est supprimé via l'événement OnPlayerRemoved, faisant l'objet d'un abonnement.
Exemples d'interface utilisateur
Chaque appareil dispose de trois catégories d'exemples d'interface utilisateur :
Créé avec des matériaux.
Créé avec des textures.
Créé avec des matériaux et des textures.
Marcher sur les volumes en regard du stand d'appareils déclenche l'affichage de l'interface utilisateur personnalisée. Les trois exemples illustrent non seulement les possibilités qu'offre UMG, mais également le niveau de détail et de conception que vous pouvez intégrer à votre propre interface utilisateur. Certains volumes infligent des dégâts et fournissent des bonus de PV. De cette façon, vous pouvez voir les modifications de l'interface utilisateur en temps réel.
Tous les exemples d'interface utilisateur peuvent être recréés à l'aide des tutoriels de la section Interfaces utilisateur de jeu. La liste suivante contient des exemples de conceptions d'interface utilisateur, le type de widget utilisateur utilisé pour créer l'interface utilisateur et les tutoriels qui expliquent comment créer une interface utilisateur similaire.
| Exemple d'interface utilisateur | Type de widget | Tutorial |
|---|---|---|
Message dans l'ATH | ||
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
Fenêtre pop-up | ||
 | Variante de fenêtre modale | |
 | Variante de fenêtre modale | |
 | Variante de fenêtre modale | |
Contrôleur d'ATH | ||
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
Contrôleur d'ATH - Barre de raccourcis | ||
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
Créateur de statistique | ||
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
Interaction habile | ||
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur | |
Appareil de conversation | ||
 | Banque de conversation | |
Chronomètre | ||
 | Widget utilisateur | |
 | Widget utilisateur | |
 | Widget utilisateur |