Tworzenie niestandardowego widoku oddziału

Tworzenie niestandardowego widoku oddziału opiera się na projekcie widżetu etykiety z nazwą jednego gracza. Widżet pola stosu przekształca widok gracza z jednego gracza na oddział, odtwarzając widżet informacji o jednym graczu za pomocą modelu widoku.

Pole stosu to kontener, który porządkuje kopie widżetu jednego gracza w sposób liniowy, od lewej do prawej lub od góry do dołu. Pozwala to na zachowanie spójnego wyglądu dla całego oddziału.

W tym przykładzie widok oddziału ułożony w stos od góry do dołu.

Widżet informacji o graczu

Aby wykorzystać informacje o graczu od członków drużyny, należy ustawić widżet Player_Info przy użyciu modelu widoku Urządzenie – sterownik interfejsu – informacje o graczu. To ustawienie tworzy odrębne widżety dla gracza kontrolującego grę oraz jego oddziału/drużyny, przy użyciu właściwości dostępnych w modelu widoku Urządzenie – sterownik interfejsu – informacje o graczu dla każdego widżetu.

Możesz dalej używać ustawień, aby skonfigurować powiązania z samouczków dotyczących etykiety informacyjnej oraz zdrowia i osłony, aby powiązać niezbędne informacje o graczu.

Bez odpowiedniej konfiguracji widżetu Player_Info będziesz otrzymywać komunikaty o błędach w kompilatorze.

Poniżej opisano procedurę tworzenia widżetu stosu oddziału, który wiąże modele widoku listy informacji o graczu z drużyny/oddziału z ikoną gracza, nazwą gracza, jego zdrowiem i osłonami.

Utwórz widżet użytkownika

1. Wykonaj procedurę opisaną w sekcji Wyskakujące okna UI, aby utworzyć widżet użytkownika.

2. Widżetowi użytkownika nadaj nazwę Squad_View.

   

3. Kliknij dwukrotnie miniaturę widżetu użytkownika, aby otworzyć Edytor zdarzeń w Unreal Motion Graphics (UMG).

Edytor widżetów to miejsce, w którym możesz zaplanować i wykonać układ elementów swojego projektu UI dla widoku oddziału. Po wybraniu układu możesz dodać materiały, aby nadać swojemu UI niestandardowy wygląd.

Teraz w Przeglądarce zawartości powinny być dostępne dwa widżety – jeden o nazwie Player_Info, a drugi o nazwie Squad_View.

Tworzenie układu oddziału

Dobrą praktyką jest umieszczenie w pełni funkcjonalnego pojedynczego widżetu Player_Info w widżecie Squad_View przy użyciu pola stosu w charakterze kontenera. Pozwala to stworzyć spójny projekt poprzez odtworzenie projektu widoku jednego gracza wewnątrz pola stosu i powtórzenie projektu z zastosowaniem ułożenia od góry do dołu lub od lewej do prawej.

Dodasz widżet jednego gracza do modelu widoku, a następnie uporządkujesz układ na grafie zdarzeń za pomocą pola stosu.

Wykonaj następujące czynności:

1. Przeciągnij pozycję Nakładka pod widżet Squad_Info i nadaj jej nazwę Container_Overlay.

2. Zmień rozmiar nakładki Container_Overlay na 2560 x 1440. Jest to optymalny rozmiar dla wszystkich ekranów.

   

3. Dokonaj zagnieżdżenia pola stosu pod Container_Overlay.

4. W panelu Szczegóły zmień następujące ustawienia dla pola stosu:

   1. Odstęp wewnętrzny = 25

   2. Orientacja = Pionowa

   

   W polu stosu odstęp wewnętrzny od krawędzi ekranu wynosi 25 pikseli.

5. Na pasku menu głównego wybierz kolejno Okno > Model widoku, aby otworzyć panel Model widoku.

   

6. Kliknij +Model widoku, a następnie wybierz Urządzenie – sterownik interfejsu — lista informacji o graczu z drużyny/oddziału > Wybierz. Spowoduje to utworzenie modelu widoku dla urządzenia sterownika interfejsu.

7. W panelu Szczegóły kliknij +Dodaj rozszerzenie modelu widoku. Spowoduje to otwarcie opcji, które umożliwiają dynamiczne generowanie widżetu oddziału w widżecie Squad_View na podstawie liczby graczy w drużynie/oddziale.

   

   

   Przed +dodaniem rozszerzenia modelu widoku

   Po +dodaniu rozszerzenia modelu widoku

8. W ustawieniu Klasa widżetu wpisu wybierz Widżet Player_Info z menu rozwijanego i wybierz dla opcji Wejściowy model widoku ustawienie HUDPlayerInfoListViewModel.

9. Rozwiń opcję Szablon slotów i dostosuj odstępy między widżetami poszczególnych graczy. Dodaj lub usuń widżety, a następnie zmień wyrównanie. Wykorzystaj te opcje, aby zwizualizować wygląd widżetów w grze.

   Jeśli elementy UI są za duże w stosunku do dostępnej przestrzeni, wróć do widżetu Player_Info i dostosuj rozmiar widżetów Obraz zgodnie z wymiarami widżetu Squad_View.

Następnie dodasz powiązania, aby cały UI działał w odniesieniu do oddziałów.

Powiązania oddziału

Aby powiązać informacje o oddziale z widżetem Squad_View, musisz utworzyć odwołania do informacji o członkach oddziału za pomocą powiązań widoku. Powiązania przekazują widżetowi, jakie informacje musi pobrać dla poszczególnych graczy z powiązanych urządzeń. Informacje dotyczące każdego gracza będą wówczas uzupełniane w UI za pośrednictwem urządzenia sterownika interfejsu.

1. Wybierz Pole stosu w panelu Hierarchia, a następnie otwórz Powiązania widoku i wybierz +Dodaj widżet. Spowoduje to dodanie pola stosu jako widżetu do panelu Powiązania widoku.

2. Z listy rozwijanej widżetów wybierz kolejno Squad_View > Wybierz. Spowoduje to wybranie widżetu oddziału i wszystkich należących do niego widżetów do powiązania.

   

3. W polu Squad_View po lewej stronie wybierz Squad_View > StackBox > Model widoku StackBox > Ustaw elementy > Wybierz. Przekazuje to tablicę modeli widoku informacji o graczu do nowo skonfigurowanego rozszerzenia za pomocą funkcji o nazwie Ustaw elementy.

   Jeśli na tym etapie nie widzisz funkcji Ustaw elementy, skompiluj widżet i sprawdź ponownie.

   

   Jeśli PlayerInfoStack_Viewmodel_Extension nie pojawia się na liście, kliknij Kompiluj – wówczas element powinien się pojawić.

4. W pustym polu po prawej stronie wybierz Squad_View > HUDPlayerInfoListViewModel > Tablica informacji o graczu z drużyny/oddziału > Wybierz. Przekazuje to tablicę modeli widoku informacji o graczu do nowo skonfigurowanego rozszerzenia za pomocą funkcji o nazwie Ustaw elementy.

   

5. Kliknij Kompiluj. Widżet jest gotowy do dodania do urządzenia sterownika interfejsu.

Dodaj swój widżet do sterownika interfejsu i przetestuj projekt w grze.

Konfiguracja urządzenia sterownika interfejsu

Jest kilka istotnych ustawień sterownika interfejsu, które trzeba zmienić. Te domyślne elementy HUD Fortnite zastąpisz własnym projektem widżetu.

1. Przeciągnij urządzenie sterownika interfejsu do projektu i nie odznaczaj urządzenia, aby jego ustawienia zostały wyświetlone w panelu Szczegóły.

2. W panelu Szczegóły ustaw następujące opcje:

   1. Pokaż interfejs = Tak

   2. Zastąpienie widżetu informacji o graczu = Nazwa twojego widżetu

3. Naciśnij ikonę zapisu, aby zapisać zmiany.

   

4. Wybierz Uruchom sesję, aby przetestować niestandardowy UI w grze.

   

Przetestuj grę z udziałem co najmniej dwóch graczy, aby się upewnić, że układ działa i dobrze wygląda na utworzonej wyspie.