Editor visual de layout de tela
Tamanho e Posicionamento
Você pode alterar o tamanho e a posição de qualquer objeto diretamente na área de trabalho do layout. Para alterar suas proporções, clique no objeto na área de trabalho e arraste o ponto de ancoragem verde enquanto mantém o botão esquerdo do mouse (BEM) pressionado. Para alterar sua posição, selecione um objeto e arraste-o com o BEM pressionado para a área desejada.
Se precisar de configurações precisas para dimensões e coordenadas, use o painel de configurações lateral:
- Selecione o objeto desejado e clique na Configurações aba, caso ainda não esteja aberta. Você pode abrir rapidamente as configurações de qualquer objeto clicando duas vezes nele.
- Insira os valores desejados nos Tamanho e Posição campos; os valores são especificados em porcentagem.
- Ao finalizar o layout, não se esqueça de clicar no Salvar botão na barra de navegação da página.
Hierarquia Visual
Os objetos podem se sobrepor. Isso pode gerar uma situação em que se torna necessário colocar um objeto acima ou abaixo de outro. Para fazer isso, use os botões de movimentação na barra de ferramentas acima do objeto selecionado ou arraste o objeto na lista de camadas enquanto mantém o BEM pressionado.
Seleção Múltipla
Para selecionar vários objetos de uma vez, mantenha Shift e selecione-os na área de trabalho ou na lista de camadas. Depois disso, você pode manipular todos os objetos selecionados simultaneamente
Alinhamento
Os controles de alinhamento ficam disponíveis no painel de configurações à direita assim que um objeto é selecionado na tela.
Objeto único. O elemento pode ser alinhado em seis direções em relação à tela ou ao seu contêiner pai.
Múltiplos objetos. A seleção de vários elementos os alinha em relação à sua caixa delimitadora compartilhada. Quando mais de dois objetos são selecionados, duas opções adicionais ficam disponíveis:
- Distribuir horizontalmente — espaça os objetos uniformemente no eixo horizontal, ancorando os elementos mais à esquerda e mais à direita na posição.
- Distribuir verticalmente — aplica a mesma lógica ao longo do eixo vertical.
Bloquear Objeto
Para proteger um elemento de ser movido ou redimensionado acidentalmente, você pode bloqueá-lo no lugar.
Clique no ícone de Cadeado na barra de ferramentas flutuante ou use o atalho Cmd+Shift+L (Mac) / Ctrl+Shift+L (Windows) para bloquear um objeto.
Para remover o bloqueio, clique no ícone de cadeado ao lado da camada correspondente no painel de camadas.