Como configurar posicionamento e dimensionamento no Edge Animate - dummies

Adobe Edge Animate CC não tem escassez de configurações quando se trata de posicionamento e dimensionamento. Muitos desses recursos funcionam melhor ao aninhar elementos, para que você queira entender como funciona o painel Element.

O posicionamento refere-se às coordenadas do elemento relativo ao estágio ou ao elemento pai quando um elemento está aninhado dentro do outro. Você também pode usar um atributo de posição para afetar a forma como deseja que o elemento reaja quando você o dimensiona.

Definir a posição relativa

Especificar a posição relativa de um elemento afeta qual canto do seu elemento é manipulado quando você redimensioná-lo. Você pode encontrar os atributos Posição e Tamanho no painel Propriedades (como mostrado). Certifique-se de selecionar um elemento do Palco para que esses atributos sejam exibidos.

Aqui posição relativa é usado no contexto do Edge Animate; note que isso não significa o mesmo posicionamento relativo em folhas de estilo em cascata (ou seja, a distinção entre Posição: absoluta e Posição: relativa). Em termos CSS rigorosos, o Edge Animate 1. 0 usa apenas o posicionamento absoluto.

Veja como testar a forma como a posição relativa funciona no Edge Animate:

1. Certifique-se de que o canto superior esquerdo do elemento está realçado (como indicado na figura).

2. Ajuste a largura ou a altura do elemento usando os atributos W e H (conforme indicado na figura).

   Observe que quando você ajusta a largura ou a altura, o canto superior esquerdo do elemento permanece onde está, enquanto o resto do elemento diminui ou cresce.

3. Selecione o canto inferior direito, redimensione o elemento e veja a diferença que ele faz.

   O canto inferior direito permanece na mesma localização enquanto os outros três cantos são afetados.

   

   Configurando a posição relativa para afetar a forma como os elementos são manipulados.