In diesem Abschnitt lernst du, wie du ein benutzerdefiniertes Menü erstellst, das auf dem Popup-Dialog-Gerät angezeigt wird.
Befolge diese Schritte, um ein benutzerdefiniertes Menü zu erstellen:
Erstelle einen Widget-Blueprint, der eine modale Dialogvariante ist, mit der Bezeichnung WBP_Dialog_One_Button_Intro.
Füge zuerst ein Größenbox-Widget und dann das Overlay-Widget als Child hinzu. Die Größenbox stellt ein Panel bereit, in dem das Overlay-Widget positioniert werden kann.
Im Details-Panel des Overlay-Widgets wendest du die folgenden Einstellungen an.
Option Wert Erklärung Auffüllen
0,0, 0,0, 0,0, 40,0
Dies fügt am unteren Rand des Widgets eine Auffüllung mit 40 Pixeln hinzu.
Horizontale Ausrichtung
Horizontal zentrieren
Damit wird das Widget in der Mitte des Bildschirms ausgerichtet.
Vertikale Ausrichtung
Vertikal unten ausrichten
Damit wird das Widget am unteren Bildschirmrand ausgerichtet.
Wende im Details-Panel des Bild-Widgets die folgenden Einstellungen an. Option Wert Erklärung Horizontale Ausrichtung Horizontal füllen Das Widget nimmt so viel Raum wie möglich ein. Vertikale Ausrichtung Vertikal füllen Das Widget nimmt so viel Raum wie möglich ein. Farbton AE4200FF Hex sRGB Farbe für den Hintergrund. Zeichnen als Abgerundete Box Damit wird das Bild mit abgerundeten Ecken gerendert. Sichtbarkeit Nicht trefferprüfbar (Nur Self) Nur die Schaltfläche selbst soll im UI auswählbar sein.
Wende im Details-Panel des UEFN-Schaltfläche-Leise-Widgets die folgenden Einstellungen an. Option Wert Erklärung Min. Breite 300 Lege die Breite für die Schaltfläche fest. Min. Höhe 48 Lege die Höhe für die Schaltfläche fest. Horizontale Ausrichtung Horizontal füllen Das Widget nimmt so viel Raum wie möglich ein. Vertikale Ausrichtung Vertikal füllen Das Widget nimmt so viel Raum wie möglich ein. Sichtbarkeit Sichtbar Die Schaltfläche soll in der UI auswählbar sein. Text - Lass die Einstellung „Text“ leer, weil wir einen Textblock verwenden, um den benutzerdefinierten Text zu erstellen.
Wende im Details-Panel des UEFN-Textblock-Widgets die folgenden Einstellungen an. Option Wert Erklärung Horizontale Ausrichtung Horizontal zentrieren Dies richtet das Widget in der Mitte des Containers aus. Vertikale Ausrichtung Vertikal zentrieren Dies richtet das Widget in der Mitte des Containers aus. Text Text von Schaltfläche 1 Platzhaltertext. Die Ansichtsbindungen ersetzen den Text hier durch den Text in den Einstellungen des Popup-Dialog-Geräts. Sichtbarkeit Nicht trefferprüfbar (Nur Self) Wir wollen nicht, dass der Text die Schaltfläche vor der Interaktion des Benutzers ausblendet.
Klicke im Widget Editor auf Ansichtsbindungen.
Füge die folgende Bindung zum UEFN-Schaltfläche-Leise-Widget hinzu.
Ändere die Richtung der Bindung in Ein-Weg zum Ansichtsmodell.
Setze die linke Seite auf Ist aktiviert.
Setze die rechte Seite auf WidgetName > Ist aktiviert.
Erstelle eine neue Bindung und setze die linke Seite auf Bei Angeklickt.
Setze die rechte Seite auf CreativeModalDialogViewmodel > Antwort.
Setze Antwort auf Schaltfläche 1.
Füge die folgende Bindung zum UEFN-Textblock-Widget hinzu.
Ändere die Richtung der Bindung in Ein-Weg zum Widget.
Setze die linke Seite auf UEFN-Textblock > Text.
Setze die rechte Seite auf CreativeModalDialogViewmodel > Schaltfläche 01 Haupttext.
Speichere und klicke auf Kompilieren für den Widget-Blueprint.
Du wirst dieses benutzerdefinierte Widget als Nächstes in
