Você pode criar rapidamente interfaces de usuário gráficas de alta qualidade com requisitos mínimos de scripts usando objetos da UI . Dependendo de onde você a cria, a UI renderiza na tela ou dentro do mundo 3D de uma experiência .
Interface de Usuário na Tela
Contêineres na tela seguram objetos da interface do usuário que você deseja exibir na tela de um usuário. Todos os objetos e códigos da interface do usuário na tela são armazenados e alterados no cliente.
Interface do Usuário da Experiência
Contêineres de experiência como SurfaceGuis e BillboardGuis seguram objetos de UI que você deseja exibir no mundo 3D da sua experiência.
Objetos
A maioria dos elementos da interface do usuário são GuiObjects , objetos de interface de usuário gráfica 2D que você pode criar em recipientes. Os quatro mais comuns são quadros , rótulos , botões e entrada de texto objetos.
Usando as Position , Size , AnchorPoint , e ZIndex propriedades, você tem controle completo sobre como posição , tamanho , e camadaGuiObjects. Você também pode usar tweening para transição de um GuiObject sem problemas de um estado para outro e fornecer comentário/retornovisual dinâmico.
Quadros
Quadros atuam como recipientes para outros GuiObjects como Etiquetas ou Botões. Quando você manipula quadros, você também manipula os objetos que eles contêm.
Rótulos
Os rótulos permitem exibir texto e imagens personalizáveis.
Botões e entrada de texto
Objetos de botão permitem que os usuários solicitem uma ação, enquanto objetos de entrada de texto permitem que os usuários insiram texto. Você pode personalizar esses objetos para fornecer contexto e prompts para o que deseja que um usuário faça.
Solicitações de Proximidade
Os Prompts de Proximidade são objetos únicos de interface de usuário que solicitam a interação do usuário para desencadear uma ação quando eles se aproximam de objetos na experiência, como portas, interruptores de luz e botões.
Detectores de Arrasto
Detectores de Arrasto incentivam a interação física com objetos em uma experiência, como abrir portas e gavetas, deslizar uma peça, pegar e jogar uma bola de boliche, puxar para trás e disparar uma estilingue, e muito mais.
Layout e Design
Além das propriedades básicas para ajustar posição e tamanho, Roblox também fornece layouts, restrições e objetos de aparência para refinar ainda mais sua interface do usuário. Você também pode animar a interface do usuário passando sem problemas entre os valores das propriedades.
Design de 9 fatias
Sob a abordagem de design de 9 fatias, você pode dividir um único ativo de imagem do Roblox em nove sub-imagens, cada uma com regras de dimensionamento diferentes. Isso permite que você crie elementos de interface de usuário de tamanhos diferentes sem distorcer as bordas ou cantos.
Marcação de Texto Rico
UI rich text usa tags de marcação simples para estilizar seções de uma string em negrito, itálico, sublinhado, cor de preenchimento, variações de traço e muito mais. Você pode aplicar tags de estilo a TextLabel , TextButton e TextBox objetos.
