Camadas e grupos
Organize, reordene, agrupe, aninhe, oculte, bloqueie e reestilize seus elementos.
O painel de Camadas é a sua visão panorâmica de cada elemento do seu design, empilhados na ordem de desenho para que você possa ver e controlar exatamente como sua GUI dx é composta. A partir daqui você reordena, aninha, renomeia, oculta, bloqueia, agrupa e ajusta com precisão a opacidade de cada elemento — a mesma ordem-z e estrutura que é entregue no seu Lua exportado.
Abrir o painel de Camadas
Clique no botão Camadas para abrir o painel. Ele lista cada elemento do seu design, com cada linha exibindo uma miniatura desse elemento para que você possa identificá-lo num relance. A lista é ordenada por ordem de desenho (ordem-z): a linha do topo é o elemento mais à frente, desenhado por último e aparecendo acima de tudo o que está abaixo, enquanto as linhas mais para baixo ficam atrás.
A ordem no painel de Camadas é a verdadeira ordem de desenho. O que estiver no topo da lista é renderizado por cima, tanto na pré-visualização ao vivo quanto no Lua exportado.
Reordenar elementos
Mude qual elemento é desenhado à frente arrastando uma linha para cima ou para baixo na lista. Arraste uma linha para mais acima para trazê-la mais para a frente, ou para mais abaixo para empurrá-la mais para trás. Este é o equivalente visual de ajustar a ordem-z — o novo empilhamento é refletido imediatamente na pré-visualização.
- Pegue a linhaPressione e segure na camada que você deseja mover.
- Arraste para uma nova posiçãoMova-a para cima para trazê-la à frente ou para baixo para enviá-la para trás.
- SolteSolte quando o indicador de soltura estiver onde você deseja o elemento na pilha.
Entender os alvos de arrasto
O local onde você solta uma linha decide o que acontece. O painel de Camadas reconhece três alvos de arrasto distintos, de modo que um único arrasto pode reordenar, aninhar ou desaninhar um elemento.
| Alvo de soltura | O que faz |
|---|---|
| Antes ou depois de uma linha | Reordena o elemento — move-o para cima ou para baixo na ordem de desenho em relação aos seus vizinhos. |
| Sobre um grupo | Aninha o elemento dentro desse grupo como um filho. |
| Fundo da lista | Envia o elemento para trás e o move para fora de qualquer grupo em que estivesse. |
Use a soltura no fundo da lista como uma forma rápida de, num só movimento, enviar um elemento para trás e retirá-lo de um grupo.
Pastas de grupo
Os grupos funcionam como pastas no painel de Camadas. Para aninhar um elemento, solte a sua linha sobre um grupo — ele se torna um filho desse grupo e aparece recuado abaixo dele. Os grupos podem ser expandidos ou recolhidos para mostrar ou ocultar seu conteúdo, mantendo designs movimentados organizados.
- Os filhos de um grupo aparecem recuados abaixo da linha do grupo.
- Expanda um grupo para revelar seus filhos; recolha-o para dobrá-los.
- Solte uma linha sobre o grupo para aninhá-la; solte-a no fundo da lista para movê-la para fora do grupo.
Renomear uma camada
Dê um duplo clique no nome de uma camada para renomeá-la. Nomes claros tornam designs grandes fáceis de navegar e mantêm a estrutura exportada legível.
Visibilidade e bloqueio
Cada linha tem um alternador de olho (visibilidade) e um alternador de bloqueio. Use o olho para ocultar ou mostrar um elemento, e o bloqueio para impedir que ele seja selecionado ou editado no canvas. Quando você oculta ou bloqueia um grupo, a alteração se propaga para todos os seus filhos.
O menu de contexto da camada
Clique com o botão direito numa camada — ou clique no seu ícone de ⋮ kebab — para abrir o menu de contexto. Ele reúne todas as ações por camada, incluindo um controle de opacidade ao vivo, em um só lugar.
| Item do menu | O que faz |
|---|---|
| Controle deslizante de opacidade | Um controle deslizante ao vivo que escala a transparência do elemento em tempo real conforme você arrasta. |
| Renomear | Renomeia a camada (o mesmo que dar um duplo clique no seu nome). |
| Duplicar | Cria uma cópia do elemento. |
| Ocultar / Mostrar | Alterna a visibilidade do elemento, espelhando o controle de olho. |
| Bloquear / Desbloquear | Alterna se o elemento pode ser selecionado e editado. |
| Trazer para a frente | Move o elemento para o topo absoluto da ordem de desenho. |
| Enviar para trás | Move o elemento para o fundo absoluto da ordem de desenho. |
| Desagrupar | Separa um grupo em seus elementos individuais (apenas grupos). |
| Excluir | Remove o elemento do design. |
O item Desagrupar só aparece quando você clica com o botão direito num grupo; ele não tem efeito sobre um elemento comum.
Agrupar elementos
Selecione vários elementos e agrupe-os em um único contêiner. O agrupamento mantém peças relacionadas juntas para que você possa movê-las, ocultá-las, bloqueá-las e reordená-las como uma única unidade. Um grupo pode ser promovido a uma janela ou painel do Blueprint quando você quer que ele se comporte como uma estrutura reutilizável, semelhante a uma janela.
- Selecione os elementosEscolha os vários elementos que você deseja combinar.
- Agrupe-osAgrupe a seleção em um único contêiner.
- Promova se necessárioOpcionalmente, transforme o grupo em uma janela ou painel do Blueprint.
- Desagrupe depoisSepare o grupo pelo menu de contexto ou pelo inspetor quando você não precisar mais dele.
Opacidade
A opacidade é uma propriedade real, não apenas um efeito de pré-visualização. Ajustá-la — por meio do controle deslizante ao vivo no menu de contexto — escala a transparência do elemento tanto na pré-visualização quanto no Lua exportado, de modo que o que você vê no Easelt Builder é o que seus jogadores veem no jogo.
Como a opacidade é exportada para o Lua, você pode ajustar painéis e sobreposições translúcidas diretamente no painel de Camadas sem editar manualmente os valores de alfa da cor mais tarde.