Você pode criar rapidamente interfaces gráficas de usuário de alta qualidade com requisitos mínimos de script usando objetos de UI incorporados. Dependendo de onde você criar, a UI é renderizada na tela ou dentro do mundo 3D de uma experiência.
UI na tela
Contêineres na tela mantêm objetos de UI que você deseja exibir na tela de um jogador, incluindo quadros, rótulos, botões e mais. Todos os objetos de UI na tela e o código são armazenados e alterados no cliente.
UI dentro da experiência
Contêineres dentro da experiência, como SurfaceGuis e BillboardGuis, mantêm objetos de UI que você deseja exibir dentro do mundo 3D de sua experiência.
Objetos de UI
A maioria dos elementos de UI são GuiObjects, objetos de interface gráfica 2D que você pode parentear a contêineres. Os quatro mais comuns são quadros, rótulos, botões e objetos de entrada de texto.
| Objeto | Descrição |
|---|---|
| Frame | Frames atuam como contêineres para outros objetos de UI. Quando você manipula quadros, você também manipula os objetos que eles contêm. |
| Label | Objetos TextLabel e ImageLabel permitem exibir texto e imagens personalizáveis. |
| Button | Objetos TextButton e ImageButton permitem que os usuários solicitem uma ação. |
| Text Input | Objetos TextBox permitem que os usuários insiram texto. |
Usando as propriedades Position, Size, AnchorPoint e ZIndex, você tem controle total sobre como posicionar, dimensionar e camada GuiObjects. Você também pode usar tweening para transitar um GuiObject suavemente de um estado para outro e fornecer feedback visual dinâmico.
Layout e design
Além das propriedades básicas para ajustar posição e tamanho, o Roblox também fornece estruturas de layout como lista/flex e grade, bem como modificadores de tamanho e modificadores de aparência.
Estilo universal
Estilo universal é uma solução do Roblox para folhas de estilo, semelhante ao CSS, que permite declarar e aplicar globalmente substituições para propriedades de instâncias de UI. Este suporte em nível de mecanismo é a base para o Editor de Estilo e o pipeline de tokens de ponta a ponta.
Estruturas interativas
Além dos objetos principais de interface do usuário, os seguintes frameworks fornecem interatividade incorporada e personalizável para suas experiências.
Prompts de proximidade
Prompts de proximidade são objetos de UI únicos incorporados que solicitam interação do usuário para acionar uma ação quando eles se aproximam de objetos na experiência, como portas, interruptores de luz e botões.
Detectores de arrasto de UI
Detectores de arrasto de UI facilitam e incentivam a interação com elementos de interface do usuário 2D, como deslizadores, giradores e mais.
Detectores de arrasto 3D
Detectores de arrasto 3D incentivam a interação física com objetos 3D em uma experiência, como abrir portas e gavetas, deslizar uma peça, pegar e arremessar uma bola de boliche, puxar para trás e disparar uma funda, e muito mais.