Organizando Elementos

Aqui veremos de forma geral o uso das funções encontradas na janela "Alinhar e Distribuir". Nem todas as funções serão diretamente citadas, mas você poderá prever seu funcionamento por analogia com os botões diretamente citados. A funcionalidade "Auto organizar rede de conexões" não será citada por já fazer parte do tópico " Aplicar Conectores".

Alinhando...

Quando for necessário alinhar os elementos entre si, selecione-os, clique no botão "Alinhar Objetos", selecione a opção de relatividade mais adequada ("relativo a seleção" normalmente é a melhor opção) e clique numa das opções de alinhamento que aparecem logo abaixo. O exemplo a seguir ajudará no esclarecimento.

Alinhamento relativo à seleção
Alinhamento horizontal pelo centro. Todos os elementos são movidos para que fiquem com seu centro horizontal no centro horizontal do conjunto selecionado.	Alinhamento vertical pelo centro. Aqui acontece da mesma forma do exemplo anterior, mas verticalmente. Usando os dois alinhamentos centralizados, você coloca todos os elementos com o mesmo centro.	Alinhamento vertical pela base. Todos os elementos são movidos para ficarem com o limite inferior no limite da seleção, ou seja, todos ficam com a base na altura da base do elemento com posição Y mais baixa.

Alinhamento relativo ao primeiro selecionado	Alinhamento relativo à página
Alinhar o lado direito pelo lado esquerdo da ancora. Como nesse exemplo alinhando em relação ao primeiro selecionado, este primeiro (retângulo laranja) torna a ancora do alinhamento. Esse tipo de alinhamento move todos os elementos para que os cantos direitos toquem o canto esquerdo da ancora. Teste os outros alinhamentos equivalentes nos outros 3 sentidos.	Alinhamento horizontal pela esquerda. Esse é um alinhamento bastante óbvio depois de já ter visto o alinhamento vertical pela base, o benefício aqui é ver um alinhamento em relação a página, sendo assim, os elementos selecionados são movidos para tocar o limite da página com seu lado esquerdo.

Muitas pessoas não fazem idéia de como centralizar um elemento na página. Você já sabe? Use os dois alinhamentos de centralização (vertical e horizontal) e, mas, óbviamente, relativo à página.

Distribuindo...

Continuando na nossa janela de Alinhar e Distribuir (), veremos agora o quadro distribuir.

Com o botão "distribuir centros com a mesma distância horizontalmente" os elementos são movidos, ocupando o mesmo espaço horizontal que já mantinham, de forma que a distância X entre cada centro seja idêntica.

Com o botão "distribuir a distancia horizontal igualmente" os elementos são movidos da mesma forma, mas agora o que importa é o espaço entre eles.

Não perca tempo tentando organizar elementos manualmente. Use e abuse das opções que você viu até agora. Elas são frequentemente úteis.

Espalhando e Organizando

Ainda no quadro distribuir, encontramos os botões "distribuição aleatória" e "unclump" (que pode ser traduzido como "desgrudar"). O unclump move os elementos selecionados pouco a pouco tentando equiparar as distancias entre as bordas destes.

No exemplo abaixo, uma coleção de elementos foi distribuída aleatoriamente e depois organizada com sucessivas aplicações do unclump:

Removendo sobreposições

zero pixels de espaçamento

10 pixels de espaçamento

Na caixa "Remover Sobreposições" da janela "Alinhar e Distribuir", você pode definir a que distância um objeto pode ficar do outro num conjunto selecionado, tanto verticalmente quanto horizontalmente. Se você quer apenas que fiquem uns ao lado dos outros, se tocando, mas sem sobreposição, defina espaçamento zero. Um valor positivo qualquer separa os elementos colocando o espaço que você definiu entre eles. Um valor negativo qualquer move os elementos, mas não chega a separar, ele apenas tira o excesso de sobreposição.

Atenção, como você pode notar no exemplo, os elementos são automaticamente espaçados como se fossem todos retangulares, por isso o quadrado vermelho escuro se move mais do que o que seria necessário, ele foi empurrado pelo espaço retângular definido pelo círculo.