terça-feira, 5 de abril de 2011

Criando Botõs com Flash e ActionScript 3.0



 
Bem vindo ao meu Blog

Nessa primeira postagem vou descrever como que se cria um botão usando ActionScript 3.0, posteriormente completarei esse assunto, que nada mais é que a manipulação de Eventos. Então se você está aprendendo AS 3.0 será uma boa adição de conhecimento. E é sempre bom saber como as coisas funcionam.

Vamos Iniciar.

Você está aprendendo a mexer com Flash ou com ActionScript e umas das primeiras coisas que você gostaria de fazer é criar alguns botões, afinal todos Web Sites tem pelo menos um botão.

Desenhe o que você gostaria que se tornasse um botão, use o palco, um botão não precisa ter um formato padrão ou um tamanho certo, apenas crie.

Selecione todas as parte do botão, linhas, preenchimento, imagens... aperte a tecla "F8". Uma tela pop-up vai aparecer.
1 - Coloque um nome para o botão, coloque algo fácil e intuitivo.
2 - Em tipo escolha a opção "Botão".
3 - Clique em "OK".

Você acaba de criar um botão simples, por enquanto ele não faz nada, não responde a nenhum comando. Para não mentir: O botão executa duas funções básicas nesse inicio, ele alterna sua forma quando o Mouse passar pela área do Botão e quando o Botão é clicado.

Agora vamos aos códigos, literalmente(não tão literalmente :/) dar asas ao Botão.

Dê um Click simples no botão que acaba de criar, na janela "Propriedade"(Ctrl+F3) você verá algumas informações sobre o botão logo na primeira linha terá "<nome da ocorrência>", substitua para "btTeste" - esse será o nome do botão para acesso através do AS 3.0.

Posicione o Mouse em qualquer quadro da linha do tempo, clique com o botão direito e selecione a opção "Ações". Estamos agora na tela de código e iremos colocar o código a seguir para o botão funcionar:


  1. function eventoBotao(event:MouseEvent):void
  2. {
  3.         //Algo para o botão executar, pode ser um "gotoAndStop", "play()"...
  4. }
  5. btTeste.addEventListener(MouseEvent.CLICK, eventoBotao);
Na primeira linha estaremos declarando uma função, uma função nada mais é que uma sequência de código que será executado.
Na quinta linha indicamos ao Flash que Adicionaremos um Evento ao nosso botão, ele responderá a um evento de Mouse, um Clique, e ele executará o código que está contido na função "eventoBotao". Você pode alterar o tipo de Evento: de "MouseEvent.Click" para "MouseEvent.UP" ou qualquer outro, pode alterar até mesmo a função que será executada pelo botão. Outra maneira de fazer isso tudo é: 
  1. btTeste.addEventListener(MouseEvent.CLICK,
  2. function()
  3. {
  4. //Algo para o botão executar, pode ser um "gotoAndStop", "play()"...
  5. });
A diferença é que no lugar de indicar uma função a ser executada nos a injetamos no corpo do comando que indica um evento ao Flash. O efeito de ambos códigos é o mesmo.