Możesz szybko tworzyć wysokiej jakości graficzne interfejsy użytkownika z minimalnymi wymaganiami skryptowymi, korzystając z wbudowanych obiektów UI. W zależności od miejsca, w którym go tworzysz, UI renderuje się albo na ekranie, albo w 3D świecie gry.
UI na ekranie
Kontenery na ekranie przechowują obiekty UI, które chcesz wyświetlić na ekranie gracza, w tym ramki, etykiety, przyciski i inne. Wszystkie obiekty UI na ekranie i kod są przechowywane i zmieniane po stronie klienta.
UI w grze
Kontenery w grze, takie jak SurfaceGuis i BillboardGuis, przechowują obiekty UI, które chcesz wyświetlić w 3D świecie swojej gry.
Obiekty UI
Większość elementów UI to GuiObjects, 2D obiekty graficznego interfejsu użytkownika, które możesz umieścić w kontenerach. Cztery najczęściej używane to ramki, etykiety, przyciski i obiekty wejścia tekstowego.
| Obiekt | Opis |
|---|---|
| Ramka | Frames działają jako kontenery dla innych obiektów UI. Kiedy manipulujesz ramkami, manipulujesz również obiektami, które zawierają. |
| Etykieta | Obiekty TextLabel i ImageLabel pozwalają na wyświetlanie dostosowywanego tekstu i obrazów. |
| Przycisk | Obiekty TextButton i ImageButton pozwalają użytkownikom na wywołanie akcji. |
| Wprowadzenie tekstu | Obiekty TextBox pozwalają użytkownikom na wprowadzanie tekstu. |
Korzystając z właściwości Position, Size, AnchorPoint i ZIndex, masz pełną kontrolę nad tym, jak ustawiać, zmieniać rozmiar i warstwować GuiObjects. Możesz również używać tweenu, aby płynnie przechodzić z jednego stanu GuiObject do drugiego i zapewnić dynamiczną wizualną informację zwrotną.
Układ i projektowanie
Poza podstawowymi właściwościami do dostosowywania pozycji i rozmiaru, Roblox oferuje również struktury układu, takie jak listy/elastyczne i siatki, a także modyfikatory rozmiaru i modyfikatory wyglądu.
Uniwersalne style
Uniwersalne style to rozwiązanie Roblox dla arkuszy stylów, podobne do CSS, które pozwala na deklarowanie i globalne stosowanie nadpisywań właściwości instancji UI. To wsparcie na poziomie silnika jest podstawą dla Edytora Stylów oraz kompleksowego pipeline'u tokenów.
Interaktywne ramy
Oprócz podstawowych obiektów interfejsu użytkownika, następujące ramy zapewniają wbudowaną i dostosowywaną interaktywność dla twoich gier.
Proximity prompts
Proximity prompts to unikalne wbudowane obiekty UI, które wywołują interakcję użytkownika, aby uruchomić akcję, gdy zbliżają się do obiektów w grze, takich jak drzwi, włączniki światła i przyciski.
Detektory przeciągania UI
Detektory przeciągania UI ułatwiają i zachęcają do interakcji z 2D elementami interfejsu użytkownika, takimi jak suwaki, wirniki i inne.
Detektory przeciągania 3D
Detektory przeciągania 3D zachęcają do fizycznej interakcji z obiektami 3D w grze, takimi jak otwieranie drzwi i szuflad, przesuwanie części, chwytanie i rzucanie piłką do kręgli, naciąganie i strzelanie z procy i wiele więcej.