Dans cette section, vous apprendrez à créer un menu personnalisé à afficher dans l'appareil de fenêtre pop-up.
Procédez comme suit pour créer un menu personnalisé :
Créez un blueprint de widget, qui est une variante de fenêtre modale, nommé WBP_Dialog_One_Button_Intro.
Ajoutez d'abord un widget Zone de taille, puis le widget Superposition en tant qu'enfant. Le widget Size Box fournit un panneau dans lequel le widget Overlay doit être positionné.
Dans le panneau Détails du widget Superposition, appliquez les paramètres suivants.
option Valeur Explication Marge intérieure
0,0, 0,0, 0,0, 40,0
Une marge intérieure de 40 pixels est ajoutée au bas du widget.
Alignement horizontal
Aligner horizontalement au centre
Le widget est ainsi aligné au centre de l'écran.
Alignement vertical
Aligner verticalement en bas
Le widget est ainsi aligné au bas de l'écran.
Dans le panneau Détails du widget Image, appliquez les paramètres suivants. option Valeur Explication Alignement horizontal Remplir horizontalement Le widget occupe autant d'espace que possible. Alignement vertical Remplir verticalement Le widget occupe autant d'espace que possible. Teinte AE4200FF sRVB hexadécimal Couleur de l'arrière-plan. Dessiner en tant que Boîte aux coins arrondis L'image est rendue avec des coins arrondis. Visibilité Test de positionnement impossible (auto uniquement) Seul le bouton proprement dit doit pouvoir être sélectionné dans l'interface utilisateur.
Dans le panneau Détails du widget Bouton silencieux UEFN, appliquez les paramètres suivants. option Valeur Explication Largeur minimale 300 Définissez la largeur du bouton. Hauteur minimale 48 Définissez la hauteur du bouton. Alignement horizontal Remplir horizontalement Le widget occupe autant d'espace que possible. Alignement vertical Remplir verticalement Le widget occupe autant d'espace que possible. Visibilité Visible Le bouton doit pouvoir être sélectionné dans l'interface utilisateur. Texte Aucune Laissez le paramètre Texte vide, car nous utilisons un bloc de texte pour créer le texte personnalisé.
Dans le panneau Détails du widget Bloc de texte UEFN, appliquez les paramètres suivants. option Valeur Explication Alignement horizontal Aligner horizontalement au centre Le widget est ainsi aligné au centre du conteneur. Alignement vertical Aligner verticalement au centre Le widget est ainsi aligné au centre du conteneur. Texte Texte du bouton 1 Texte de l'espace réservé. Les liaisons d'affichage remplacent ce texte par le texte figurant dans les paramètres de l'appareil de fenêtre pop-up. Visibilité Test de positionnement impossible (auto uniquement) Il n'est pas souhaitable que le texte masque le bouton de l'interaction de l'utilisateur.
Cliquez sur Liaisons d'affichage dans l'éditeur de widgets.
Ajoutez les liaisons suivantes au widget Bouton silencieux UEFN.
Remplacez la direction de la liaison par Unidirectionnel vers le modèle d'affichage.
Définissez le côté gauche sur Est activé.
Définissez le côté droit sur WidgetName > Est activé.
Créez une nouvelle liaison et définissez le côté gauche sur Lors du clic.
Définissez le côté droit sur CreativeModalDialogViewmodel > Réponse.
Définissez Réponse sur Bouton 1.
Ajoutez la liaison suivante au widget Bloc de texte UEFN.
Remplacez la direction de la liaison par Unidirectionnel vers le widget.
Définissez le côté gauche sur Bloc de texte UEFN > Texte.
Définissez le côté droit sur CreativeModalDialogViewmodel > Texte principal de bouton 01.
Enregistrez et cliquez sur Compiler pour le blueprint de widget.
Vous ajouterez ce widget personnalisé à un appareil de fenêtre pop-up ultérieurement, à l'
