Tutorial 12 - Vídeo i TLF
Pas 16 de 18
Afegim una capa anomenada switch, on col·locarem el botó que servirà de commutador.
Seleccionem Componentes > User interface > Button. Posicionem el botó en X:200 i Y:5. L'anomenem instància switch_btn.
Afegim aquest codi, que seguidament explicarem:
switch_btn.label = "Text";
var videoVisible:Boolean = true;
switch_btn.addEventListener(MouseEvent.CLICK, view);
function view(event:MouseEvent)
{
if (videoVisible)
{
switch_btn.label = "Video";
tlf_mc.visible = true;
sagan_video.visible = false;
videoVisible = false;
}
else
{
switch_btn.label = "Text";
tlf_mc.visible = false;
sagan_video.visible = true;
videoVisible = true;
}
}La propietat label d'un component de tipus Button assigna el text que apareixerà en el botó. Començarem assignant a label el valor Text, ja que a l'inici és el vídeo el que és visible, i el botó ha de servir per a veure el text.
Creem una variable anomenada videoVisible de tipus booleà (pot tenir el valor true o false). Com a l'inici el vídeo és visible li donem el valor inicial true.
Afegim un listener al botó switch_btn, perquè en ser premut executi la funció view.
La funció view avalua en primer lloc si el vídeo és visible. Si hi és, canvia l'etiqueta del botó a Video, mostra el clip de text, amaga el vídeo, i desa la dada que el vídeo ja no és visible.
Si en prémer el botó el vídeo no era visible s'executarà el que es troba entre les claus de l'else, és a dir, canviarà l'etiqueta del botó a Text, el clip amb el text s'amagarà, es mostrarà el vídeo, i s'emmagatzemarà la dada que el vídeo és visible.
Podem provar la pel·lícula per comprovar si el nostre botó commutador funciona correctament.