A interface
Um passeio completo pela barra de menus, caixa de ferramentas, tela, inspetor e painel de camadas.
O Easelt Builder oferece um espaço de trabalho visual completo para criar GUIs dx do MTA:SA no seu navegador. Esta página é um passeio completo por cada região da interface — a barra de menus superior, a Caixa de ferramentas, a tela, o Inspetor, o painel de Camadas, a barra de status e o modo de Pré-visualização — para que você saiba exatamente onde cada controle fica e o que ele faz.
Layout num relance
O espaço de trabalho está organizado numa barra de menus ao longo do topo, três painéis de trabalho ao redor de um palco central e uma barra de status ao longo da base. Todos os painéis são recolhíveis e redimensionáveis — arraste a borda de um painel para dar mais espaço ao que você estiver trabalhando.
Easelt Builder à esquerda, os menus Arquivo / Editar / Ver e um conjunto de controles de resolução, desfazer/refazer, painéis e exportação à direita.Barra de menus superior
A marca `Easelt Builder` fica na extremidade esquerda da barra superior. Ao lado dela estão três menus suspensos — Arquivo, Editar e Ver — e o lado direito da barra traz botões de acesso rápido para resolução, histórico, painéis e exportação.
Menu Arquivo
| Item | O que faz |
|---|---|
| Novo design | Inicia um design vazio e novo. |
| Designs… | Gerencia múltiplas variantes de design num só lugar. |
| Salvar (Ctrl S) | Salva o design atual. |
| Carregar | Abre um design salvo anteriormente. |
| Exportar recurso MTA… | Exporta seu design como um .zip de recurso MTA pronto para usar. |
| Exportar design como PNG… | Exporta uma imagem PNG plana do design. |
Menu Editar
| Item | O que faz |
|---|---|
| Desfazer (Ctrl Z) | Retrocede pelo seu histórico. |
| Refazer (Ctrl Y) | Avança novamente pelo seu histórico. |
| Duplicar (Ctrl D) | Faz uma cópia do(s) elemento(s) selecionado(s). |
| Copiar (Ctrl C) | Copia a seleção para a área de transferência. |
| Colar (Ctrl V) | Cola da área de transferência na tela. |
| Excluir (Del) | Remove o(s) elemento(s) selecionado(s). |
| Selecionar tudo (Ctrl A) | Seleciona todos os elementos na tela. |
| Limpar tela | Remove tudo e começa a partir de um palco em branco. |
Menu Ver
| Item | O que faz |
|---|---|
| Grade (G) | Alterna a grade de alinhamento na tela. |
| Encaixe (S) | Alterna o encaixe para que os elementos se alinhem à grade e entre si. |
| Medição (M) | Alterna a sobreposição de medição que mostra tamanhos e espaçamentos. |
| Painel Caixa de ferramentas | Mostra ou oculta o painel Caixa de ferramentas à esquerda. |
| Painel Inspetor | Mostra ou oculta o painel Inspetor à direita. |
| Pré-visualização / ocultar interface (P) | Entra no modo de Pré-visualização para ocultar toda a interface do editor. |
Lado direito da barra superior
Caixa de ferramentas
A Caixa de ferramentas à esquerda é uma lista pesquisável de ferramentas de elemento agrupadas por categoria. Digite na caixa de pesquisa para filtrar ferramentas por nome, grupo ou tipo e, em seguida, clique numa ferramenta para adicionar esse elemento à tela.
Como a pesquisa corresponde a nome, grupo e tipo, você pode ir direto a uma ferramenta digitando uma palavra de categoria mesmo que não se lembre do nome exato do elemento.
Tela / Palco
A tela no centro é sua superfície de design, renderizada na resolução que você escolheu no seletor de resolução. É onde você posiciona, move e dimensiona cada elemento — e ela fornece feedback ao vivo enquanto você trabalha.
- Aplique Zoom com Ctrl+rolagem, ou Ctrl +, Ctrl - e Ctrl 0 para redefinir.
- Desloque segurando Space e arrastando, ou arrastando com o botão do meio do mouse.
- Guias de alinhamento roxas aparecem enquanto você arrasta, ajudando a alinhar os elementos.
- Uma sobreposição de medição mostra os tamanhos dos elementos e os espaçamentos até os elementos vizinhos e até as bordas da tela.
Inspetor
O Inspetor à direita contém os controles para o que quer que você tenha selecionado. Com nada selecionado, ele muda para mostrar as configurações de fundo da GUI do design como um todo — de modo que ele está sempre fazendo um trabalho útil, esteja ou não um elemento ativo.
Painel de camadas
Alterne o painel de Camadas com o botão Camadas. Ele lista seus elementos como miniaturas que você pode arrastar para reordenar, organizar em pastas de grupo e gerenciar através de um menu de clique com o botão direito.
Barra de status
A barra de status corre ao longo da base do espaço de trabalho. Ela reflete o estado atual e traz à tona dicas contextuais enquanto você interage com a tela e os painéis.
Modo de pré-visualização
Pressione P para entrar no modo de Pré-visualização, que oculta toda a interface do editor para que você veja apenas seu design exatamente como ele aparecerá. Pressione P novamente ou Esc para sair.
O modo de pré-visualização apenas oculta a interface e é somente para visualização — pressione P ou Esc a qualquer momento para retornar ao editor completo.
Os painéis são flexíveis
Todos os painéis são recolhíveis e redimensionáveis — arraste a borda de um painel para redimensioná-lo, ou use o menu Ver e os botões da barra superior para alternar completamente os painéis Caixa de ferramentas, Inspetor e Camadas. Adapte o layout à tarefa à sua frente.