Możesz tworzyć niestandardowe elementy interfejsu użytkownika (UI) dla swojej wyspy w Unreal Editor dla Fortnite (UEFN) za pomocą Blueprintu widżetu z urządzeniem komunikatu w interfejsie i urządzeniem okna dialogowego.
Dostępne są dwie kategorie Blueprintów widżetów do tworzenia niestandardowego UI:
Widżet użytkownika – służy do tworzenia niestandardowego komunikatu w interfejsie.
Wariant modalnego okna dialogowego – służy do tworzenia niestandardowych klikalnych przycisków.
Urządzenie okna dialogowego będzie działać tylko z Blueprintem wariantu modalnego okna dialogowego. Urządzenie komunikatów w interfejsie działa z oboma typami Blueprintów.
Aby dowiedzieć się więcej na temat edytora widżetów, zapoznaj się z dokumentem Edytor widżetów UI.
Widżet użytkownika
Ten widżet wykorzystuje interfejs do wyświetlania niestandardowego komunikatu UI dla graczy. Pozwala on skierować graczy do wykonania zadania lub służy jako narzędzie narracyjne dla postaci na twojej wyspie. Możesz dodać przyciski do swojego komunikatu w ramach poniższego przepływu pracy dla wariantu modalnego okna dialogowego.
Przeciągnij urządzenie komunikatów w interfejsie do okna wizualizacji. Urządzenie będzie gotowe do połączenia z Blueprintem widżetów.
Tworzenie Blueprintu
Kliknij prawym przyciskiem myszy w Przeglądarce zawartości, aby otworzyć menu Przeglądarki zawartości.
Wybierz Interfejs użytkownika > Blueprint widżetów. Otworzy się ścieżka widżetu.
Wybierz Widżet użytkownika. W Przeglądarce zawartości pojawi się miniatura Blueprintu widżetów.
Zmień nazwę miniatury.
W oknie wizualizacji wybierz urządzenie komunikatu w interfejsie, w panelu Szczegóły wyszukaj zaawansowaną opcję Widżet interfejsu, a następnie z menu rozwijanego wybierz swój Blueprint widżetów.
Kliknij dwukrotnie miniaturę, aby otworzyć edytor widżetów.
Wybierz widżet panelu z menu Panel. W tym przykładzie użyliśmy panelu kanwy.
Ten krok należy wykonać przed dodaniem jakichkolwiek elementów do widżetu.
To, co umieścisz w tym panelu, zostanie wyświetlone w komunikacie w interfejsie.
Zmień rozmiar widżetu panelu, klikając jego róg i przeciągając go do żądanego rozmiaru. W tym przykładzie panel ma rozmiar 1920 x 1080 dla pełnej wysokiej rozdzielczości (HD).
Kliknij obraz, aby go powiększyć.
Zaimportuj obraz do Przeglądarki zawartości, a następnie przeciągnij widżet obrazu do edytora Blueprintu widżetów. To będzie obraz tła interfejsu.
Zmień rozmiar obrazu w panelu Szczegóły, korzystając z opcji Rozmiar obrazu w obszarze Wygląd.
Przesuwaj obraz za pomocą pól Translacja. Przeciąganie w pierwszym polu powoduje przesunięcie obrazu w lewo i w prawo. Przeciąganie w drugim polu powoduje przesuwanie obrazu w górę i w dół.
Przeciągnij widżet bloku tekstowego UEFN do panelu. Widżet bloku tekstowego to miejsce, w którym utworzysz niestandardowy komunikat w interfejsie.
Tam, gdzie umieścisz widżet pola tekstowego, pojawi się tekst w komunikacie w interfejsie.
Dodaj niestandardowy komunikat UI do pola Tekst w panelu Szczegóły.
Dodaj kolor do tekstu i zmień styl czcionki za pomocą opcji wyglądu Kolor i nieprzezroczystość, Rodzina czcionek i Rozmiar.
Możesz jeszcze bardziej dostosować tekst, przekrzywiając litery, używając niestandardowych odstępów między literami lub dodając kontur bądź cienie do tekstu.
Gdy urządzenie komunikatów w interfejsie HUD zostanie uruchomione, niestandardowy komunikat UI pojawi się w interfejsie.
Wariant modalnego okna dialogowego
Ten widżet wykorzystuje interfejs przycisków do podłączenia urządzenia okna dialogowego i urządzenia przyznawacza przedmiotów w celu dostarczenia graczom przedmiotu. Aby rozpocząć, przeciągnij urządzenie okna dialogowego i urządzenie przyznawacza przedmiotów do okna wizualizacji.
Tworzenie Blueprintu
Kliknij prawym przyciskiem myszy w Przeglądarce zawartości, aby otworzyć menu Przeglądarki zawartości.
Wybierz Interfejs użytkownika > Blueprint widżetów. Otworzy się ścieżka widżetu.
Wybierz Wariant modalnego okna dialogowego. W Przeglądarce zawartości pojawi się miniatura Blueprintu widżetów.
Zmień nazwę miniatury.
Kliknij dwukrotnie miniaturę, aby otworzyć edytor widżetów.
Przeciągnij widżet panelu do okna wizualizacji i zmień jego rozmiar.
Kliknij obraz, aby go powiększyć.
Przeciągnij widżet obrazu do okna wizualizacji lub zaimportuj broń bądź przedmiot i przeciągnij obraz z Przeglądarki zawartości do okna wizualizacji.
Wybierz wyrównanie obrazu. Dostępne są różne wyrównania poziome i pionowe.
Przesuń obraz wewnątrz okna wizualizacji za pomocą narzędzi Translacja. Przeciąganie w pierwszym polu powoduje przesunięcie obrazu w lewo i w prawo, a przeciąganie w drugim polu powoduje przesuwanie obrazu w górę i w dół.
Przeciągnij widżet przycisku do okna wizualizacji, wybierz wyrównanie, a następnie przesuń przycisk za pomocą pól Translacja.
Nadaj przyciskowi nazwę w polu Tekst i dodaj akcję w polu Tekst dodatkowy.
Jeśli chcesz użyć akcji tylko na przycisku, dodaj akcję tylko do pola Tekst. Oznacza to, że przycisk może mieć po prostu napis "Naciśnij tutaj".
Ustaw następujące opcje Wybór:
Do wyboru – włączone
Interaktywny, gdy zaznaczony – włączone
Powoduje to, że przyciski używają zachowania przycisku podczas odbierania danych wejściowych.
Wybierz urządzenie okna dialogowego w oknie wizualizacji i wyszukaj Widżet modalny > Klasa zastąpienia szablonu w panelu Szczegóły. Wybierz przycisk UI z menu rozwijanego Klasa zastąpienia szablonu.
Ustaw opcję Automatyczne wyświetlanie na Rozpoczęcie gry. Podczas testu gry przycisk zostanie automatycznie zespawnowany przy rozpoczęciu gry.
Możesz również ustawić tę opcję na Nigdy, a następnie skonfigurować inne urządzenie do uruchamiania urządzenia okna dialogowego.
Wybierz Przyznawacz przedmiotów i dodaj broń lub przedmiot do listy Przedmioty.
Przedmiot dodawany do wyposażenia powinien być zgodny z używanym obrazem, chyba że użyjesz znaku zapytania, w którym to przypadku możesz użyć dowolnego przedmiotu.
Wybierz urządzenie Okno dialogowe z menu rozwijanego Przyznaj przedmiot i wybierz Po zareagowaniu przyciskiem 1 z listy Funkcja.
Logika przycisków
Teraz możesz utworzyć logikę przycisku dla Blueprintu widżetów.
Otwórz edytor widżetów.
Kliknij przycisk Wyświetl powiązania w dolnej części edytora.
Kliknij Utwórz model widoku.
Wybierz Model widoku modalnego okna dialogowego w trybie kreatywnym > Wybierz > Zamknij. Powoduje to dodanie całej możliwej logiki przycisku, którą można edytować, do Blueprintu widżetów.
Kliknij Wyświetl powiązania > Dodaj widżet, aby otworzyć menu wyboru widżetu.
Wybierz widżet przycisku z menu rozwijanego Model widoku modalnego okna dialogowego w trybie kreatywnym, a następnie kliknij Wybierz.
Wybierz Widżet jednokierunkowy i ustaw na opcję Jednokierunkowo do modelu widoku z menu rozwijanego Tryb powiązania.)
Kliknij w pierwszym polu i wybierz Funkcje konwersji > Uzyskaj reakcję na przycisk 1 > Wybierz.
Numery przycisków odwołują się do ich rozmieszczenia w panelu.
Kliknij w drugim polu i wybierz Model widoku modalnego okna dialogowego w trybie kreatywnym > Reakcja > Wybierz.
Wybierz widżet przycisku UEFN, który został przeciągnięty do panelu z menu rozwijanego Pole, i wybierz Zdarzenie kliknięcia > Wybierz.
Kliknij Kompiluj.
Przeprowadź test gry, aby upewnić się, że przycisk spawnuje się i działa zgodnie z założeniem po naciśnięciu.