Como criar botões com o Animate

Decida que tipo de botão melhor se adequa às suas necessidades.

A maioria das pessoas escolhe símbolos de botão pela sua flexibilidade. Os símbolos de botão contêm uma linha do tempo interna especializada para estados de botões. Você pode criar facilmente os estados Para cima, Para baixo e Sobre diferentes visualmente. Os símbolos de botão também mudam o seu estado automaticamente conforme reagem às ações do usuário.

Você pode usar um símbolo de clipe de filme para criar efeitos sofisticados de botão. Os símbolos de clipe de filme contêm quase todo tipo de conteúdo, inclusive animação. No entanto, os símbolos de clipe de filme não possuem os estados incorporados de Para cima, Para baixo e Sobre. Você mesmo cria esses estados usando ActionScript. Uma desvantagem é que os arquivos de clipe de filme são maiores que os arquivos de botão. 

Use um componente de botão se você requer apenas um botão padrão ou uma alternância e você não quer personalizá-lo extensivamente. Os componentes de botão ActionScript 2.0 e 3.0 vêm com um código incorporado que permite mudanças de estado. Portanto você não tem que definir a aparência e o comportamento dos estados de botão. Simplesmente arraste o componente para o Palco.

• Os componentes de botão ActionScript 3.0 permitem alguma personalização. Você pode ligar o botão a outros componentes, e compartilhar e exibir os dados do aplicativo. Eles possuem recursos incorporados, tais como suporte à acessibilidade. Os componentes Botão, Radiobutton e CheckBox estão disponíveis. 

• Os componentes de botão do ActionScript 2.0 não são personalizáveis. O componente permite mudanças de estado.

Definição dos estados dos seus botões.

A aparência do botão quando o usuário não está interagindo com ele.

A aparência do botão quando o usuário está para selecioná-lo.

A aparência do botão quando o usuário o seleciona.

A área que responde aos cliques do usuário. Definir este quadro Ocorrência é opcional. Se o seu botão é pequeno, ou se sua área gráfica não é contígua, pode ser útil definir este quadro.

• O conteúdo do quadro Ocorrência não é visível no Palco durante a reprodução.

• O gráfico para o quadro Ocorrência é uma área sólida grande o suficiente para abranger todos os elementos gráficos dos quadros Para cima, Para baixo e Sobre.

• Se você não especifica um quadro Ocorrência, a imagem de estado Para Cima é usada.

  Você pode fazer um botão que responda quando uma área diferente do palco é clicada ou rolada (também chamada de rolagem separada) Coloque o gráfico do quadro Ocorrência em um local diferente do que outros gráficos do quadro do botão.

Associe uma ação com o botão.

Para fazer algo acontecer quando o usuário seleciona um botão, você adiciona um código ActionScript à Linha do Tempo. Insira o código ActionScript nos mesmos quadros que os botões. O painel de Snippets de Código tem código ActionScript 3.0 pré-gravado para muitos usos comuns do botão. Consulte Adicionar interatividade com snippets de código

 O ActionScript 2.0 não é compatível com o ActionScript 3.0. Se sua versão do Animate usa ActionScript 3.0, você não pode colocar código ActionScript 2.0 no seu botão (e vice-versa). Antes de colar o ActionScript de uma outra origem em seus botões, verifique se a versão é compatível.

Selecione Editar > Desmarcar tudo, ou clique em uma área vazia do Palco para garantir que nada seja selecionado no Palco.

Selecione Inserir > Novo símbolo.

Na caixa de diálogo Criar novo símbolo, digite um nome. Em Tipo de símbolo, selecione Botão.

O Animate alterna para o modo de edição de símbolo. A Linha do tempo é alterada para exibir quatro quadros consecutivos rotulados Para cima, Sobre, Para baixo e Ocorrência. O primeiro quadro, Para cima, é um quadro-chave em branco.

Para criar a imagem do botão do estado Para cima, selecione o quadro Para cima na Linha do tempo. Em seguida, use as ferramentas de desenho, importe um gráfico ou coloque uma ocorrência de outro símbolo no Palco.

Você pode usar os símbolos gráficos ou os símbolos de clipe de filme dentro de um botão, mas não pode usar outro símbolo de botão.

Na Linha do tempo, clique no quadro Sobre e, em seguida, selecione Inserir > Linha do tempo > Quadro-chave.

O Animate insere um quadro-chave que duplica o conteúdo do quadro Para cima precedente.

Com o quadro Sobre ainda selecionado, altere ou edite a imagem do botão no Palco para criar a aparência que deseja para o estado Sobre.

Repita as etapas 5 e 6 para o quadro Para baixo e o para o quadro Ocorrência opcional.

Para atribuir um som ao estado de um botão, selecione esse quadro de estado na Linha do tempo e selecione Janela > Propriedades. Em seguida, selecione um som do menu Som no Inspetor de propriedades. Apenas os sons que você já importou aparecerão no menu Som.

Quando terminar, selecione Editar > Editar documento. O Animate levará você de volta à linha do tempo principal do seu arquivo FLA. Para criar uma ocorrência do botão que você criou no Palco, arraste o símbolo do botão do painel Biblioteca para o Palco.

Para testar a funcionalidade de um botão, use o comando Controle > Testar . Você também pode visualizar os estados do símbolo de um botão no Palco escolhendo Controlar > Ativar botões simples. Este comando permite ver os estados para cima, sobre e para baixo de um símbolo de botão sem usar Controle > Testar.