W tej części dowiesz się, jak utworzyć niestandardowe menu wyświetlane na urządzeniu okna dialogowego.
Postępuj zgodnie z poniższą instrukcją, aby utworzyć niestandardowe menu:
Utwórz Blueprint widżetów, który jest wariantem modalnego okna dialogowego o nazwie WBP_Dialog_One_Button_Intro.
Najpierw dodaj widżet Pole rozmiaru, a następnie dodaj widżet Nakładka jako element podrzędny. Pole rozmiaru udostępnia panel, w którym można umieścić widżet Nakładka.
W panelu Szczegóły widżetu Nakładka zastosuj następujące ustawienia.
Opcja WARTOŚĆ Objaśnienie Odstęp wewnętrzny
0.0, 0.0, 0.0, 40.0
Spowoduje to dodanie 40 pikseli odstępu wewnętrznego do dolnej części widżetu.
Wyrównanie poziome
Wyrównaj do środka w poziomie
Powoduje to wyrównanie widżetu do środka ekranu.
Wyrównanie pionowe
Dolne wyrównanie w pionie
Powoduje to wyrównanie widżetu do dołu ekranu.
W panelu Szczegóły widżetu Obraz zastosuj następujące ustawienia. Opcja WARTOŚĆ Objaśnienie Wyrównanie poziome Wypełnij poziomo Widżet zajmie maksymalnie dużo miejsca. Wyrównanie pionowe Wypełnij pionowo Widżet zajmie maksymalnie dużo miejsca. Odcień AE4200FF Hex sRGB Kolor tła. Rysuj jako Zaokrąglone pole Powoduje to renderowanie obrazu z zaokrąglonymi rogami. Widoczność Nie podlega testom trafień (tylko sam) Tylko sam przycisk powinien być możliwy do wybrania w UI.
W panelu Szczegóły widżetu Przycisk Cicho UEFN zastosuj następujące ustawienia. Opcja WARTOŚĆ Objaśnienie Min. szerokość 300 Ustaw szerokość przycisku. Min. wysokość 48 Ustaw wysokość przycisku. Wyrównanie poziome Wypełnij poziomo Widżet zajmie maksymalnie dużo miejsca. Wyrównanie pionowe Wypełnij pionowo Widżet zajmie maksymalnie dużo miejsca. Widoczność Widoczna Przycisk powinien być możliwy do wybrania w UI. Tekst Nic Zostaw ustawienie Tekst puste, ponieważ używamy bloku tekstowego do utworzenia niestandardowego tekstu.
W panelu Szczegóły bloku tekstu UEFN zastosuj następujące ustawienia. Opcja WARTOŚĆ Objaśnienie Wyrównanie poziome Wyrównaj do środka w poziomie Powoduje to wyrównanie widżetu do środka kontenera. Wyrównanie pionowe Wyrównaj do środka w pionie Powoduje to wyrównanie widżetu do środka kontenera. Tekst Tekst przycisku 1 Tekst tymczasowy. Opcja Powiązania widoku zastąpi tekst w tym miejscu tekstem w ustawieniach urządzenia okna dialogowego. Widoczność Nie podlega testom trafień (tylko sam) Nie chcemy, aby tekst ukrywał przycisk przed interakcją użytkownika.
Kliknij Powiązania widoku w edytorze widżetów.
Dodaj następujące powiązania do widżetu Przycisk Cicho UEFN.
Zmień kierunek powiązania na Jednokierunkowo do modelu widoku.
Ustaw lewą stronę na Jest włączone.
Ustaw prawą stronę na WidgetName > Jest włączone.
Utwórz nowe powiązanie i ustaw lewą stronę na Po kliknięciu.
Ustaw prawą stronę na CreativeModalDialogViewmodel > Reakcja.
Ustaw reakcję na Przycisk 1.
Dodaj następujące powiązanie do widżetu Blok tekstu UEFN.
Zmień kierunek powiązania na Jednokierunkowo do widżetu.
Ustaw lewą stronę na Blok tekstu UEFN > Tekst.
Ustaw prawą stronę na CreativeModalDialogViewmodel > Przycisk 01 Główny tekst.
Zapisz i kliknij Skompiluj dla Blueprintu widżetów.
Dodasz ten niestandardowy widżet do urządzenia okna dialogowego w kroku 5 tego samouczka.