Blog do Banderas

Mundo Digital em seus mínimos detalhes

Posts com Tag ‘Eventos de Mouse’

Eventos de Mouse em MovieClips

Publicado por andrebanderas em 2 Maio 2008

Dificuldade: Fácil
_

O que preciso saber antes de ler este artigo?

Nomear MovieClips. [Post]

Introduzindo…

Em Flash é muito comum a atribuição de eventos de mouse em MovieClips. Há até alguns programadores web que abandonam o uso de botões (buttons) em seus projetos.

Programando

Pode-se atribuir eventos a um MovieClip das seguintes formas:

1. Clicar sobre o objeto, abrir as Ações (Actions) [F9] e atribuir o evento digitando:

on(evento){

//código que será executado quando o evento for disparado

}

Alguns eventos possíveis de serem disparados são:

  • press – Ocorre quando o usuário pressiona o botão esquerdo do mouse sobre o MovieClip.
  • release – Este evento ocorre quando o usuário dá um clique (aperta e libera o botão esquerdo do mouse) sobre o MovieClip.
  • releaseOutsitde – Ocorre quando o usuário pressiona o botão esquerdo sobre o MovieClip e libera o botão fora do MovieClip.
  • rollOver – É disparado quando o ponteiro do mouse se move para cima do MovieClip.
  • dragOver – Ocorre quando o botão esquerdo do mouse é pressionado fora do MovieClip, então o ponteiro do mouse se desloca para área do MovieClip ainda pressionado.
  • dragOut – Situação inversa do item anterior. O botão do mouse é mantido pressionado sobre a área do MovieClip e então o ponteiro é movido para fora da área do MovieClip ainda pressionado.

Um exemplo:

a. Crie um objeto e transforme-o em MovieClip [F8].

b. Clique sobre o MovieClip criado e abra janela Ações (Actions) [F9].

//Quando o usuário clicar sobre o MovieClip irá aparecer a mensagem “O usuário deu um clique” na janela de saída (Output).

on(release){

trace(“O usuário deu um clique”);

}

2. Pode-se também usar a abordagem de objetos para atribuir eventos de mouse em um MovieClip da seguinte forma:

nomeDoMovieClip.onEvento = function(){

//código que será executado quando o evento for disparado

}

Um exemplo:

a. Crie um objeto e transforme-o em MovieClip [F8]. Coloque o nome de movie_mc.

b. Clique sobre o quadro-chave (keyframe) e abra janela Ações (Actions) [F9].

//Quando o usuário clicar sobre o MovieClip irá aparecer a mensagem “O usuário deu um clique” na janela de saída (Output).

movie_mc.onRelease = function(){

trace(“O usuário deu um clique”);

}

Dica do Banderas

Colocando o sufixo ‘_mc’ em seus MovieClips, quando você colocar o ponto uma lista de propriedades do MovieClip irão aparecer listadas facilitando muito a digitação de códigos.

Você pode fazer com que os MovieClips se comportem como botões, basta criar 3 quadros dentro do MovieClip e atribuir os seguinte rótulos (frame label) a cada um deles: _up, _over, _down.

Exemplo de tags para MovieClips

Enviado em Actionscript 2.0, Flash | Tagged: , , , | Deixar um comentário »