Botones Animados Para Menú Flash CS4 Parte 3

Tercera y última parte del tutorial.

Paso 26

Seguir los posos del 11 al 25, con el fin de hacer 2 botones más y así tener un menú de tres botones botón noticias, botón deportes y botón videos. Los pasos para cada uno de estos botones son exactamente los mismos que para el primer botón.

Paso 27

Una vez que tengas los tres botones, regresar a la Escena. Arrastrar desde la Biblioteca uno a uno los símbolos botón noticias, botón deportes y botón videos.

Paso 28

Seleccionar el botón de noticias, abrir el panel de Propiedades escribir como Nombre de instancia btn_noticias.

Colocar este botón en coordenadas X: 5.0 Y: 5.0.

Paso 29

Seleccionar el botón de deportes, abrir el panel de Propiedades escribir como Nombre de instancia btn_deportes.

Colocar este botón en coordenadas X: 160.0 Y: 5.0.

Paso 30

Seleccionar el botón de videos, abrir el panel de Propiedades escribir como Nombre de instancia btn_videos.

Colocar este botón en coordenadas X: 315.0 Y: 5.0.

Paso 31

Insertar una segunda capa en la Escena, seleccionar el fotograma de esta capa luego abrir el panel de ACCIONES – FOTOGRAMA y escribir el siguiente código ActionScript.

stage.frameRate=30;

var buttonsArray:Array=[btn_noticias,btn_deportes,btn_videos];

function setButtons():void {

for (var i:int=0; i<buttonsArray.length; i++) {

buttonsArray[i].id=i;

buttonsArray[i].buttonMode=true;

buttonsArray[i].mouseChildren=false;

buttonsArray[i].mouseEnabled=true;

buttonsArray[i].addEventListener(MouseEvent.ROLL_OVER,playOver);

buttonsArray[i].addEventListener(MouseEvent.ROLL_OUT,playOut);

buttonsArray[i].addEventListener(MouseEvent.CLICK,doClick);

}

}

function playOver(event:MouseEvent):void {

event.currentTarget.gotoAndPlay(“over”);

}

function playOut(event:MouseEvent):void {

event.currentTarget.gotoAndPlay(“out”);

}

function doClick(event:MouseEvent):void {

var currentBtn:int=event.currentTarget.id;

setSelectedBtn(currentBtn);

}

function setSelectedBtn(id:int):void {

for (var i:int=0; i< buttonsArray.length; i++) {

if (id==i) {

buttonsArray[i].gotoAndStop(“down”);

buttonsArray[i].buttonMode=false;

buttonsArray[i].mouseEnabled=false;

buttonsArray[i].removeEventListener(MouseEvent.ROLL_OVER,playOver);

buttonsArray[i].removeEventListener(MouseEvent.ROLL_OUT,playOut);

buttonsArray[i].removeEventListener(MouseEvent.CLICK,doClick);

} else {

if (buttonsArray[i].currentLabel==”down”) {

buttonsArray[i].gotoAndPlay(“out”);

}

buttonsArray[i].buttonMode=true;

buttonsArray[i].mouseEnabled=true;

buttonsArray[i].addEventListener(MouseEvent.ROLL_OVER,playOver);

buttonsArray[i].addEventListener(MouseEvent.ROLL_OUT,playOut);

buttonsArray[i].addEventListener(MouseEvent.CLICK,doClick);

}

}

}

setButtons();

con este paso queda concluido el tutorial espero que no tengas ningún contratiempo para hacer este trabajo. Well done!

Presionar Ctrl. + enter y ver cómo funciona el menú. Si tienes alguna duda o sugerencia no dudes en dejar tu comentario este será atendido a la menor brevedad posible. Hasta la próxima.

Descarga Archivo FLA De Este Tutorial

Visualizar Archivo SWF De Este Tutorial

Diseñar y Programar Menú con Botones Tres Estados Primera Parte

Diseñar y Programar Menú con Botones Tres Estados Segunda Parte

Búsquedas:

• botones animados
• animacionES adobe flash
• descargar botones animados en flash
• nombre de instancia flash cs5
• como crear un boton en flash cs4
• script para botones en flash
• animacion en flash cs4
• animacion
• botones en flash cs4
• adobe flash animaciones

Artículos relacionados:

• Botones Animados Para Menú Flash CS4 Parte 2
• Botones Animados Para Menú Flash CS4 Parte 1
• Menú para un Sitio Web con Secciones Animadas (tercera parte)
• Menú para un Sitio Web con Secciones Animadas (primera parte)