---
title: "Os 13 elementos da UI de jogo"
version: snapshot-2026-10-06
engineGeneration: astra-current
language: C#
status: source-reviewed
runtimeVerified: false
platformEvidence: []
url: https://astraengine.com.br/pt-br/snapshot-2026-10-06/ui/elementos/
---

# Os 13 elementos da UI de jogo

Escolha o tipo pelo resultado que precisa produzir, com caminho, campos e limites.

Todos os tipos abaixo são **elementos do documento .aeui**. Use Interface → criar elemento, ou selecione um nó do Canvas na Hierarquia → Inspector → **+ Elemento**. Eles não são 13 componentes adicionais de objetos da cena.

| Tipo | Para que serve | Exemplo |
|---|---|---|
| [Panel](/pt-br/snapshot-2026-10-06/ui/panel/) | Agrupa elementos e oferece fundo opcional. | Caixa de vida com Images por cima. |
| [Text](/pt-br/snapshot-2026-10-06/ui/text/) | Mostra uma string alterável em Play. | Vida: 3/3, pontuação ou instruções. |
| [Button](/pt-br/snapshot-2026-10-06/ui/button/) | Entrega Click ao pressionar e soltar no controle. | Botão de dano para experimentar o HUD. |
| [Toggle](/pt-br/snapshot-2026-10-06/ui/toggle/) | Guarda um valor marcado/desmarcado e emite ValueChanged. | Ligar/desligar uma opção do jogo. |
| [Slider](/pt-br/snapshot-2026-10-06/ui/slider/) | Recebe arraste e muda um valor em um intervalo. | Escolher volume ou sensibilidade no menu. |
| [Progress](/pt-br/snapshot-2026-10-06/ui/progress/) | Apresenta um valor proporcional ao intervalo. | Barra contínua de vida ou carregamento. |
| [Image](/pt-br/snapshot-2026-10-06/ui/image/) | Desenha uma imagem do projeto, com transparência. Se você procura UiImage, UIImage ou UIIMG, este é o elemento Image da Astra. | Coração, retrato, ícone ou painel ilustrado. |
| [HBox](/pt-br/snapshot-2026-10-06/ui/hbox/) | Distribui filhos em uma linha. | Uma fileira de corações com tamanho preferido 48 × 48. |
| [VBox](/pt-br/snapshot-2026-10-06/ui/vbox/) | Distribui filhos em uma coluna. | Lista de instruções ou opções do menu. |
| [Grid](/pt-br/snapshot-2026-10-06/ui/grid/) | Distribui filhos em colunas. | Grade pequena de itens autorados. |
| [Joystick](/pt-br/snapshot-2026-10-06/ui/joystick/) | Converte o gesto em eixo de ação. | Mover o jogador ligado ao receptor do Canvas. |
| [ActionButton](/pt-br/snapshot-2026-10-06/ui/actionbutton/) | Emite uma ação de entrada de botão para o receptor. | Saltar ou Atirar; não confundir com Button que entrega eventos de GUI. |
| [LookArea](/pt-br/snapshot-2026-10-06/ui/lookarea/) | Converte arraste em ação de olhar. | Olhar a câmera atribuída ao Canvas. |

Consulte [layout e campos comuns](/pt-br/snapshot-2026-10-06/ui/layout-e-campos/) antes de misturar posicionamento manual com containers. O [GuiKind](/pt-br/snapshot-2026-10-06/api/astra-guikind/) enumera esses tipos na API, e [GuiAccess](/pt-br/snapshot-2026-10-06/api/astra-guiaccess/) cria ou encontra instâncias em Play.