Sistema de UI do Unity

Interface do Usuário (UI) no Unity refere-se aos elementos gráficos com os quais os jogadores interagem em um jogo ou aplicativo. A UI desempenha um papel crítico em guiar os usuários através da experiência, fornecendo feedback e permitindo várias ações.

Essenciais da UI no Unity

O Unity fornece um sistema de UI dedicado equipado com ferramentas e componentes voltados para a criação de UI. Componentes chave incluem Canvas, que atua como um container para elementos de UI, e componentes de UI pré-construídos como botões, campos de texto e imagens. Esses elementos podem ser facilmente organizados e estilizados usando a interface do editor do Unity.

Criando UI no Unity

Para criar uma UI no Unity, navegue até a Hierarquia, então pressione o botão esquerdo do mouse. Depois disso, selecione UI.

Teremos uma lista de todos os elementos de UI que podemos criar, de texto a imagem a botões. Discutiremos mais sobre esses elementos e como manipulá-los nas próximas lições. Mas agora vamos pegar um pequeno exemplo de como manipular um texto com script.

Manipulando texto com script

Vamos selecionar textMeshPro dessa lista.

Um novo texto será criado para nós no jogo.

Nota

Se o Unity pedir para implementar os essenciais do TMP, por favor aceite.

Se clicarmos no texto, todos os seus componentes serão mostrados no inspetor, e podemos manipulá-los manualmente.

Vamos adicionar o script de teste ao objeto e escrever este código.

using TMPro
Esta linha é uma declaração de importação que permite que o script use classes e funções do namespace TextMeshPro(TMP). TMP é um pacote do Unity para renderização avançada de texto.

[SerializeField] TMP_Text myText
Esta linha declara um campo serializado chamado "myText" do tipo TMP_Text. Campos serializados são acessíveis no Editor do Unity, o que significa que você pode atribuir valores a eles no Inspetor do Unity.

myText.text = "test"
Esta linha define a propriedade de texto do componente TMP_Text "myText" para a string "test". Agora, se iniciarmos o jogo, o texto será modificado para "test".