Como adicionar ações a elementos em Edge Animate

Uma característica especialmente poderosa do Adobe Edge Animate CC é a capacidade de adicionar ações, triggers, rótulos e atributos cursor para sua composição. Essas ferramentas são o que você usa para fazer sua animação interativa para que o público pode participar do que a animação está fazendo em vez de ter de se sentar lá e assistir passivamente.

Uma das ações que você pode querer adicionar a um elemento em seu projeto Edge Animate é tê-lo abrir uma nova URL. Esse recurso é útil para a criação de menus ou a construção de links para outros conteúdos relevantes. Pode seguir este mesmo procedimento básico para a maioria das outras acções bem.

Para começar a adicionar ações a um elemento, você deve primeiro criar um elemento. Com um elemento no Palco, siga estes passos:

1. Selecione um elemento, clique direito e escolha Abrir ações para (como mostrado).

   Depois de clicar em acções abertas a partir do menu, um espaço em branco caixa de codificação (O lugar onde você digita seus comandos) abre.

   
   direito; clicar em um elemento para abrir um menu grande.

2. A partir do menu do lado direito, escolha Abrir URL.

   Edge Animate preenche a caixa com o código, como mostrado.

   Por padrão, o Adobe Edge Animate CC utiliza o URL para adobe.com ao clicar em Abrir URL. Se a outro destino para o link se adapta ao seu propósito melhor, basta substituir o adobe.com URL com uma URL que vai para onde você deseja enviar o seu público.

   Você pode usar várias ações em um elemento:

3. Para adicionar uma ação a um elemento, com as ações de caixa aberta de codificação, clique no botão + no canto superior esquerdo, como indicado na figura.

4. Para remover uma ação de um elemento, clique no -.

5. Quando você tem mais de uma ação associada a um único elemento, então Edge Animate exibe todas as ações em uma visão guia (como mostrado nesta figura). Basta clicar nas guias para exibir o código relevante para cada ação.

   
   A caixa de codificação de ações parece com isso com código nele.
   
   Você pode ter mais de uma ação por elemento.

6. A partir do menu do lado direito, escolha Abrir URL.

7. Atualize o URL dentro da caixa de código, que é destacado no texto alaranjado.

8. Feche a caixa de codificação para salvar seu trabalho.

9. Visualizar a animação em um navegador para testar o seu trabalho.

Para testar para se certificar de que sua ligação funciona, clique no link com o mouse.

Na maioria dos sites, quando você coloca o mouse sobre um link, o cursor muda de uma seta para uma mão. Utilizando os procedimentos descritos neste capítulo, você pode definir cursor atributos para fornecer pistas visuais para o seu público para indicar, por exemplo, onde as ligações são ou para mostrar se você pode selecionar um elemento.

Parabéns! Agora você tem um loop dentro de sua animação.

Se um elemento já tem uma ação associada a ele, então quando você clique em Ações Open, Edge Animate imediatamente abre a caixa de codificação em vez do menu mostrado. Quando isso acontece, e você quiser adicionar um segundo recurso a esse elemento, em seguida, clique no botão + (como mostrado).