Eventos click y doble click en un botón con Actionscript 3
En este post explicaré cómo detectar un doble click sobre un botón en flash con actionscript 3 gracias a la clase MouseEvent que nos permite detectar directamente el evento dobleclick.
El uso de la clase MouseEvent es muy simple, únicamente hemos de crear un listener que detecte el evento y ejecutar una acción.
clip.addEventListener(MouseEvent.DOUBLE_CLICK, onDobleClick);
function onDobleClick(event:MouseEvent)
{
trace("doble click");
}
Hemos de fijarnos en la propiedad doubleClickEnabled que es la que nos indica si la acción de doble click está activa o no. Por defecto la propiedad está con valor false, con lo que debemos pasarla a true en caso contrario el dobleclick no se ejecutarÃa.
Ahora explicaré cómo detectar si hemos hecho un click o un dobleclick sobre el mismo botón. Es decir, que si clicamos sobre el botón una vez ejecute una acción y si clicamos doble ejecute otra distinta.
Siguiendo lo explicado en este otro tip empezaremos el código creando la clase para nuestro botón. Crearemos la clase Boton.as
A este botón le añadiremos los eventos de click y double_click.
{
import flash.display.MovieClip;
import flash.events.MouseEvent;
//-----------------------------------------
public class Boton extends MovieClip
{
//-----------------------------------------
public function Boton()
{
doubleClickEnabled = true;
addEventListener(MouseEvent.CLICK, onClick);
addEventListener(MouseEvent.DOUBLE_CLICK, onDobleClick);
}
//-----------------------------------------
private function onClick(event:MouseEvent):void
{
trace("click");
}
private function onDobleClick(event:MouseEvent):void
{
trace("doble click");
}
//-----------------------------------------
}
}
Si publicasemos ahora este botón verÃamos el siguiente problema... al ejecutar el dobleclick tambien se ejecutarÃa el click normal, ya que los dos listeners son detectados. En el panel salida nos marcarÃa esto:
click
doble click
Esto no es lo que nos interesa, solo queremos que se ejecute una de las dos. Para solucionar el problema ampliaremos la clase siguiendo este proceso:
Crearemos una variable boleana donde indicaremos si hemos realizado un click o un dobleclick
El valor de la variable lo cambiaremos a través de las funciones de los eventos:
{
isDobleClick = false;
}
private function onDobleClick(event:MouseEvent):void
{
isDobleClick = true;
}
Escribiremos una tercera función que ejecute las acciones según el valor de la variable.
private function controlaClick(event:TimerEvent):void
{
if (isDobleClick == false) {
trace("click");
} else {
trace("doble click");
}
}
Esta función controlaClick() la ejecutaremos desde la función onClick(), pero hemos de darle un margen de tiempo para detectar si hemos realizado un dobleclick, asà que la ejecutaremos desde un intervalo. La función quedarÃa asÃ:
{
isDobleClick = false;
espera = new Timer(200, 1);
espera.addEventListener(TimerEvent.TIMER, controlaClick);
espera.start();
}
Cómo añadido podemos hacer que si damos un solo click sobre el botón pulsando la tecla "Ctrl" se ejecuten las acciones de un dobleclick, para eso utilizaremos la propiedad ctrlKey del evento MouseEvent. Esta propiedad devuelve true o false según esté pulsada la tecla en el momento del click. (Esta propiedad también está para "shift" y "Alt")
isDobleClick = true;
}
La clase completa serÃa esta:
{
import flash.display.MovieClip;
import flash.events.MouseEvent;
import flash.utils.Timer;
import flash.events.TimerEvent;
//-----------------------------------------
public class Boton extends MovieClip
{
private var isDobleClick:Boolean;
private var espera:Timer;
//-----------------------------------------
public function Boton()
{
doubleClickEnabled = true;
addEventListener(MouseEvent.CLICK, onClick);
addEventListener(MouseEvent.DOUBLE_CLICK, onDobleClick);
}
//-----------------------------------------
private function onClick(event:MouseEvent):void
{
isDobleClick = false;
espera = new Timer(200, 1);
espera.addEventListener(TimerEvent.TIMER, controlaClick);
espera.start();
if (event.ctrlKey) {
isDobleClick = true;
}
}
private function onDobleClick(event:MouseEvent):void
{
isDobleClick = true;
}
private function controlaClick(event:TimerEvent):void
{
if (isDobleClick == false) {
trace("click");
} else {
trace("doble click");
}
}
//-----------------------------------------
}
}
Post relacinonados:
3 Comments »
RSS feed for comments on this post. TrackBack URI
[...] En el post publicado por codigo.as se explica cómo detectar un doble click sobre un botón en flash con actionscript 3 gracias a la clase MouseEvent que nos permite detectar directamente el evento dobleclick. [...]
gracias por el dato , intentare modificar mi script
Realmente no parece haber otra solución, pero me parece que no deberia ser asi, eso les paso a los de adobe, por mas que pienso no se me ocurre un utilidad al detectar los dos listeners al mismo tiempo.