Die Funktionsvorlage der Benutzeroberfläche präsentiert, was möglich ist, wenn benutzerdefinierte Benutzeroberflächen (UI) mit Unreal Motion Graphics (UMG) erstellt werden. Du findest diese Projektvorlage im Abschnitt Projektvorlagen der Funktionsbeispiele im Projektbrowser.
In diesem Begleit-Tutorial wirst du mit Fortnite-Kreativmodus-Geräten vertraut gemacht, die eine benutzerdefinierte Benutzeroberfläche zum Heads-Up-Display (HUD) hinzufügen. Du erfährst, wie du Benutzeroberflächen-Widgets vom Design bis zur Gerätefunktionalität erstellst und wie die Materialien, Texturen und Material-Funktionen in der Funktionsvorlage verwendet wurden, um das benutzerdefinierte Aussehen der Benutzeroberflächen-Beispiele zu erstellen.
Benutzeroberflächen-Beispielinhalte werden im Inhaltsbrowser im Benutzeroberflächen-Ordner und dann nach Gerät in den Geräte-Ordnern verpackt. Jeder Geräteordner enthält die folgenden Asset-Ordner:
Material-Instanzen – Materialien und Material-Funktionen, mit denen entweder ein flaches UI-Design oder ein dynamisches Design erstellt werden.
Texturen – Texturen, die verwendet werden, um ein komplexeres UI-Design zu erstellen, das mit Materialien allein nicht möglich ist.
Widgets – Das Design und die Konstruktion eines Nutzer-Widgets, welches die Standard-Spieler-Benutzeroberfläche ersetzt.
Die Vorlage ist in drei Hallen unterteilt. Jede Halle verfügt über eine Reihe von Räumen, die über verschiedene Geräte und Benutzeroberflächen-Beispiele verfügen. Lesezeichen sind so eingerichtet, dass sie dich von Raum zu Raum führen, wo du mehr über verschiedene Kreativmodus-Geräte erfährst, wie sie zur Anzeige einer benutzerdefinierten Benutzeroberfläche verwendet werden und wie du die für diese Geräte erstellten Benutzeroberflächen-Beispiele anzeigen kannst.
Drücke diese Tasten, um einen neuen Raum in der Vorlage auszuwählen:
1 – Raum 1
2 – Raum 2
3 – Raum 3, Raum 5, Raum 6
4 - Raum 4
Drücke die Taste 1, um zum ersten Korridor zu gelangen und Raum 1 zu betreten, wo du dich über die HUD-Nachricht- und Pop-Up-Dialog-Geräte und ihre Widgets informieren musst. Betritt jeden Raum, um Beispiele für Geräte, UI und mehr zu sehen. Die folgende Dokumentation hilft dir zu verstehen, wie diese Beispiele eingerichtet wurden und wie du deine eigene benutzerdefinierte Benutzeroberfläche erstellen kannst.
Benutzeroberflächen-Geräte
Erfahre mehr über die Kreativmodus-Geräte, die benutzerdefinierte UI unterstützen.
UMG-Widgets
Wirf einen genauen Blick darauf, wie UMG-Widgets genutzt werden, um einzigartige Benutzeroberflächen zu erstellen.
Beispiele für Verse-Felder
Erfahre, wie du Verse-Felder nutzen kannst, um benutzerdefinierte Benutzeroberflächen für dein nächstes Projekt zu erstellen.
Materielle Assets
Erfahre mehr über die Verwendung von Materialien und Texturen mit Benutzeroberflächen.
Migrieren von Vorlagen-Assets
Lerne, wie du Assets aus der Vorlage für die Verwendung in deinen eigenen Projekten migrieren kannst.
