Tutorial 7 - Control de la línea de tiempo

Paso 4 de 11

Un botón invisible no sólo no se verá, sino que además no estará activo. Sin embargo, un botón con un valor 0 de alfa podrá pulsarse aunque no sea visible. Es por ello que, cuando queremos desactivar un objeto además de hacerlo invisible, sea preferible utilizar la propiedad visible en lugar de la propiedad alpha.

El siguiente paso es añadir detectores del evento de ratón CLICK para ambos botones, llamando el botón play_btn a una función a la que llamaremos playMovie, y el botón pause_btn a una función llamada stopMovie:

pause_btn.addEventListener(MouseEvent.CLICK, stopMovie);
play_btn.addEventListener(MouseEvent.CLICK, playMovie);

La función stopMovie parará la película. Cuando la película esté parada necesitaremos tener visible el botón para reanudar la reproducción, mientras que ya no será necesario mostrar el botón para pausarla.

En el caso de la función playMovie, en primer lugar reanudará la reproducción de la película. Cuando la película se reproduzca de nuevo, necesitaremos tener visible el botón para pausarla, pero ya no será necesario tener visible el botón para reproducirla.

Las funciones stop() y play() detienen y reproducen respectivamente la línea principal de tiempo.

Por lo tanto, de momento las funciones stopMovie y playMovie quedarán de la siguiente manera:

function stopMovie(e:MouseEvent):void
{
    stop();
    play_btn.visible = true;
    pause_btn.visible = false;
}

function playMovie(e:MouseEvent):void
{
    play();
    pause_btn.visible = true;
    play_btn.visible = false;
}

Si hay alguna duda con esta parte de este código, recomendamos repasar el tutorial anterior.