Funkcje konwersji Utwórz pędzel obrazu z tekstury i Utwórz pędzel obrazu z materiału umożliwiają wstawienie tekstury lub materiału z modelu widoku do widżetu Obraz bezpośrednio w widżecie użytkownika.
W odróżnieniu od funkcji konwersji Ustaw parametr materiału, te dwie funkcje konwersji eliminują konieczność posiadania materiału z parametrem Tekstura. Te funkcje konwersji wstawiają tekstury do UI.
Ten przykład stanowi rozwinięcie widżetu Postępometr z samouczków Na tekst, przekazując właściwość Ikona modelu widoku Postępometru do widżetu Obraz za pomocą opcji Utwórz pędzel obrazu z tekstury.
Funkcje Utwórz pędzel obrazu z materiału i Utwórz pędzel obrazu z miękkiej tekstury / materiału mają ten sam przepływ pracy i identyczne właściwości. Jednak ten samouczek nie zawiera informacji o ich konfiguracji. Informacje na temat konfigurowania tych właściwości w widżecie znajdziesz w artykule Tworzenie niestandardowego interfejsu HUD.
Konfiguracja widżetu
Do utworzenia tego widżetu śledzenia użyto tego samego widżetu użytkownika co w samouczkach dotyczących funkcji IntToText/Double.
Ten samouczek zawiera dodatkowy widżet Obraz, który przekazuje Ikonę z urządzenia Postępometru. Istniejące pola Tytuł i CurrentValue są otoczone polem stosu z orientacją poziomą, dzięki czemu ikona jest wyświetlana od lewej do prawej obok tekstu widżetu.
Dodaj następujące widżety do sekcji Hierarchia w kolejności podanej na poniższej liście:
Nakładka
Obraz (dokonaj zagnieżdżenia widżetu Obraz pod pozycją Nakładka i zmień jego nazwę na Background).
Pole stosu (dokonaj zagnieżdżenia pola stosu pod pozycją Nakładka).
2 x Obraz (dokonaj zagnieżdżenia pod polem stosu i zmień nazwę widżetów na Ikona i Spacer).
Pole stosu (dokonaj zagnieżdżenia drugiego pola stosu pod pierwszym polem stosu).
Ustaw opcje Wyrównanie poziome i Wyrównanie pionowe widżetu obrazu Ikona na Wyśrodkuj. Dzięki temu ikona będzie zawsze wyśrodkowana.
Używa się dodatkowego widżetu obrazu Spacer, aby utworzyć odstęp między widżetem Icon a tekstem poniżej.
Konfiguracja funkcji konwersji
Otwórz okno Powiązania widoku, aby powiązać ikonę z urządzenia Postępometru z widżetem obrazu Icon w UI.
Wybierz widżet obrazu Ikona w sekcji Hierarchia, a następnie kliknij +Dodaj widżet w oknie Powiązania widoku.
W polu z lewej strony wybierz kolejno Ikona > Pędzel > Wybierz. Spowoduje to przekazanie obrazu Icon do pola Pędzel.
To pole Pędzel jest również widoczne w panelu szczegółów widżetu obrazu Ikona. Większość pól w panelu Szczegóły jest dostępna poprzez powiązania widoku.
W polu z lewej strony wybierz Funkcje konwersji > Utwórz pędzel obrazu z tekstury > Wybierz.
Pod powiązaniem pojawi się szereg pól. Więcej informacji na temat działania poszczególnych pól można znaleźć w sekcji Tworzenie pędzla obrazu z właściwości tekstury/materiału.
Kliknij ikonę łańcucha obok pozycji Obraz i wybierz kolejno opcje MVVM_UEFN_Tracker > Ikona > Wybierz.
Ustaw Rozmiar obrazu tak, aby uzyskać odpowiednią wielkość obrazu w widżecie Postępometru.
Powiązanie widoku nie odziedziczy rozmiarów X i Y z oryginalnego widżetu Obraz. W tym przykładzie rozmiar obrazu jest ustawiony na 72x72 piksele, aby ikona była czytelna.
Efekt końcowy
Przeciągnij urządzenie Postępometru do projektu i ustaw następujące opcje:
W panelu szczegółów ustaw ikony w polach ikony zadania dla ikon małej i dużej. W tym przykładzie ikony T_UI_IconLibrary_Ham zostały użyte jako ikony małe i duże.
Widżet Obraz ikony jest wypełniony ikoną szynki ustawioną w urządzeniu Postępometr.
Tworzenie pędzla obrazu z właściwości tekstury/materiału
O ile nie zdefiniowano inaczej, obydwie funkcje konwersji współdzielą te same pola:
Obraz (tylko w przypadku opcji Utwórz obraz z tekstury)
Zmienna Tekstura przekazywana do pędzla widżetu obrazu.
Materiał (tylko w przypadku opcji Utwórz obraz z materiału)
Zmienna Materiał przekazywana do pędzla widżetu obrazu.
Rozmiar
Rozmiar rysowanego obrazu lub materiału.
Kolor odcienia
Kolor odcienia obrazu lub materiału.
Typ kafelka (tylko w przypadku opcji Utwórz obraz z tekstury)
Określa, czy po przekazaniu go do pędzla widżetu obrazu kafelki obrazu będą rozkładane obok siebie poziomo, pionowo czy jedno i drugie. Jeśli oryginalny rozmiar ikony jest mniejszy niż rozmiar określony w funkcji konwersji, obraz zostanie będzie wyświetlany w układzie sąsiadującym.
W tym przykładzie moja ikona ma rozmiar 64x64 piksele, a Rozmiar jest ustawiony na 72x72 piksele, co powoduje, że obraz jest wyświetlany w układzie sąsiadującym.
