Manejo de eventos

13
MANEJO DE EVENTOS Lo primero que haremos es buscar dos huevos en internet luego acomodarlos en photospot por lo que los guardaremos como PNG. Luego abrimeros flash para expotar a la biblioteca, por lo que en la biblioteca me tiene que aparecer el símbolo de cada huevo. Luego cremos 20 botones en el que a cada uno de ellos le agregaremos un nombre cuando lo estemos combirtiendo en símbolo de tipo botón, a estos botones también le agregaremos una istancia con su nombre y la terminación _btn. Los nombres deben ser asi:

Transcript of Manejo de eventos

Page 1: Manejo de eventos

MANEJO DE EVENTOSLo primero que haremos es buscar dos huevos en internet luego acomodarlos en photospot por lo que los guardaremos como PNG. Luego abrimeros flash para expotar a la biblioteca, por lo que en la biblioteca me tiene que aparecer el símbolo de cada huevo.

Luego cremos 20 botones en el que a cada uno de ellos le agregaremos un nombre cuando lo estemos combirtiendo en símbolo de tipo botón, a estos botones también le agregaremos una istancia con su nombre y la terminación _btn.

Los nombres deben ser asi:

Arriba, abajo, izquierda, derecha, alpha +, alpha -, rotar +, rotar -, tamaño +, tamaño -, escala +. Escala -, Habilitado, inhabilitado,visible, invisible,url, resetear, reproducir, detener

Ejemplo:

Page 2: Manejo de eventos

Luego en la biblioteca le damos doble clic a nuestro símbolo del huevo porlo que octendremos el siguiente resultado.

Después le damos clic derecho y nos dirigimos a propiedades para proyectarle un nombre indicado como lo siguiente.

Page 3: Manejo de eventos

En la ventana de propiedades le agregamos un nombre en el cual lo colocaremos como un símbolo de clip de película, luego le daremos en configuración avanzada por lo que en un recuadro de exportación de actión script lo señalaremos.

Aceptamos para optener nuestro complejo resultado.

Page 4: Manejo de eventos

Después me dirijo por nuestra primera capa AS3 en acciones con f9, ya proyectados en acciones epezaremos a escribir códigos de actión script en libreias, variables, funciones, eventos entre otros.

Al asignarle los códigos indicados ptendremos lo siguiente:

Page 5: Manejo de eventos

Con el siguiente código haremos mover el huevo:

import flash.events.MouseEvent;

//librerias

//variables

var huevito:Huevo=new Huevo();

//funciones

function arrastrar(evento:MouseEvent):void{

evento.target.startDrag();

}

//eventos

//el_objeto.addEventListener(TipoEvento.EL_EVENTO,laFuncion);

huevito.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);

//estados iniciales

huevito.stop();

huevito.x=stage.stageWidth/2;

huevito.y=stage.stageHeight/2;

//hacemos que el huevito se combierta en un boton

//colocacamos a true el buttonMode

huevito.buttonMode=true;

addChild (huevito);

Page 6: Manejo de eventos

En este caso mi huevito lo centre el área de mi película o scena.

Luego con el siguiente código se cambiara en huevo

import flash.events.MouseEvent;

import fl.motion.MotionEvent;

//librerias

//variables

var huevito:Huevo=new Huevo();

//funciones

function arrastrar(evento:MouseEvent):void{

evento.target.startDrag();

}

function soltar(evento:MouseEvent):void{

Page 7: Manejo de eventos

evento.target.stopDrag();

}

function sobre(evento:MouseEvent):void{

evento.target.gotoAndStop(2);

}

function afuera(evento:MouseEvent):void{

evento.target.gotoAndStop(1);

}

//eventos

//el_objeto.addEventListener(TipoEvento.EL_EVENTO,laFuncion);

huevito.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);

huevito.addEventListener(MouseEvent.MOUSE_UP,soltar);

huevito.addEventListener(MouseEvent.MOUSE_OVER,sobre);

huevito.addEventListener(MouseEvent.MOUSE_OUT,afuera);

//estados iniciales

huevito.stop();

huevito.x=stage.stageWidth/2;

huevito.y=stage.stageHeight/2;

//hacemos que el huevito se combierta en un boton

//colocacamos a true el buttonMode

huevito.buttonMode=true;

addChild (huevito);

Page 8: Manejo de eventos

Luego con el siguiente código a los símbolos le darimos una orden deacuerdo a su nombre:

Page 9: Manejo de eventos

import flash.events.MouseEvent;

import fl.motion.MotionEvent;

//librerias

//variables

var huevito:Huevo=new Huevo();

//funciones

function arrastrar(evento:MouseEvent):void{

evento.target.startDrag();

}

function soltar(evento:MouseEvent):void{

evento.target.stopDrag();

}

function sobre(evento:MouseEvent):void{

evento.target.gotoAndStop(2);

}

function afuera(evento:MouseEvent):void{

evento.target.gotoAndStop(1);

}

function accionesBotones(evento:MouseEvent):void{

//colocamos en la opcion el nombre de instancia

switch(evento.target.name){

case "arriba_btn":

huevito.y-=5;

break;

Page 10: Manejo de eventos

}

}

//eventos

//el_objeto.addEventListener(TipoEvento.EL_EVENTO,laFuncion);

huevito.addEventListener(MouseEvent.MOUSE_DOWN,arrastrar);

huevito.addEventListener(MouseEvent.MOUSE_UP,soltar);

huevito.addEventListener(MouseEvent.MOUSE_OVER,sobre);

huevito.addEventListener(MouseEvent.MOUSE_OUT,afuera);

//movimientos con los botones

arriba_btn.addEventListener(MouseEvent.CLICK,accionesBotones);

//estados iniciales

huevito.stop();

huevito.x=stage.stageWidth/2;

huevito.y=stage.stageHeight/2;

//hacemos que el huevito se combierta en un boton

//colocacamos a true el buttonMode

huevito.buttonMode=true;

addChild (huevito);

Page 11: Manejo de eventos

Al darle clic en arriba mi huevito, subirá y asi mismo con mis otros botones.