Przedmiot SurfaceGui pozwala na wyświetlanie treści GUI na powierzchniach w świecie 3D. Są one powszechnie używane do wyświetlania tabel liderów lub znaków drogowych w przestrzeni 3D. Ten samouczek pokazuje, jak stworzyć tablicę informacyjną o statystykach długiego statystyki.
Tworzenie interfejsu użytkownika powierzchni
Utwórz część nazyającą się InfoBoard .
Zmień rozmiar części na 15, 18, 1 .
Utwórz Główny interfejs użytkownika w części i zmień jego nazwę na InfoSurfaceGui .
Umieść Frame w GUI i nazwij go BackgroundFrame . To jest tło, na którym wyświetlana będzie informacja.
Dostosowywanie interfejsu
Twarz
Właściwość Face określa, która twarz z części zostanie używana do wyświetlenia SurfaceGui. Obiekt BackgroundFrame będzie widoczny na powierzchni jako mały, biały kwadrat, gdy poprawna twarz zostanie wybrana.
Ustaw właściwość Twarz z InfoSurfaceGui na Front .
Jeśli rama nie jest widoczna po wyborze przedniej strony, część może wskazywać w złym kierunku. Spróbuj obrócić część lub wybrać inną twarz.
Wielkość
Aby uczynić ramę całkowicie pokrytą całą twarz, będziesz musiał dostosować jego właściwość Rozmiar .
Ustaw właściwość Rozmiar BackgroundFrame na 1, 0, 1, 0 , aby pokryła całą wybraną twarz.
Stylowanie
Często dobrym pomysłem jest dodać ograniczenie UIPadding, aby stworzyć przestrzeń między granicami obiektu GUI i jego zawartości.
Utwórz ograniczenie UIPadding w InfoSurfaceGui .
Ustaw właściwości PaddingBottom , PaddingLeft , PaddingRight i 1> PaddingTop1>, aby stworzyć ramę o obwodzie.
Ustaw Przezroczystość tła właściwość Rama tła na 1 .
Dodawanie treści
Możesz wykorzystać umiejętności uczone w poprzednich samouczkach UI, aby wyświetlić informacje w BackgroundFrame . Oto przykładowy materiał dla ramy:
| Obiekt | Opis |
|---|---|
| 1: | A TextLabel aby wyświetlić nazwę przedmiotu z ImageLabel pod spodem wyświetlającym się drewnianych desek. |
| 2) | Etykieta obrazu do wyświetlenia obrazu przedmiotu z wartością UICorner szarego. Zakrętka Class.UICorner jest używana do zastosowania zaokrąglonego kąta do każdego kąta. |
| 3) | Rama zawierająca trzy Text labels położone zgodnie z ograniczeniem UIListLayout, aby ustawić je w poziomie poziomu poziomu, podobnym do tworzenia wyniku bary . |
Właściwości GUI
Teraz masz ukończoną powierzchnię GUI, spróbuj zmienić następujące właściwości, aby zobaczyć ich efekty.
DziałanieŚwiatła
Ponieważ interfejsy GUIs istnieją w świecie 3D, mogą być one wpływane przez światło jak dowolny inny obiekt. Właściwość LightInfluence kontroluje, jak bardzo SurfaceGui jest wpływany przez światło. Normalną wartością jest 1
Ozdobny
Część, na którą wyświetlany jest SurfaceGui, jest zdeterminowany przez właściwość Adornee. Jeśli jest pusty, wyświetla się automatycznie na rodzicielu części. Możliwość ustawienia Adornee pozwala na stworzenie interaktywnych przycisków, gdy GUI nie jest powiązany z częścią. Aby
Przeciągnij SurfaceGui do StarterGui .
Dostosuj go do części, klikając na polu Adornee i potem na części tablicy.