Come fare Pulsanti di rollout per i clip filmato Flash

Fare un pulsante di lancio per i clip filmato Flash consente di rilevare quando il cursore del mouse si è spostato fuori dai confini di un pulsante. È quindi possibile aggiungere funzionalità interattive rollout comune , come ad esempio l'aggiunta e la rimozione dei messaggi punta dell'utensile . Oltre a rimuovere automaticamente un suggerimento , è anche possibile programmare il tasto rollout per visualizzare le istruzioni del gioco , cambiare il colore del pulsante stesso , o disattivare la funzione di rollout su un altro pulsante . Una volta che sapete come fare un pulsante di rollout , avrete le basi necessarie per rendere anche rollover e fare clic su buttons.Things che ti serviranno
Adobe Flash Professional ( CS3 , CS4 o CS5 versioni )
Mostra Altre istruzioni
1

Avviare il programma Flash. Fare clic su " Nuovo " dal menu "File " sulla barra principale del menu Flash . Fare clic sul tipo di file " File Flash ( ActionScript 3.0 ) dal " Nuovo documento " finestra di dialogo che appare. Fai clic sul pulsante" OK " per chiudere questa finestra di dialogo .
2

Selezionare l'opzione" Azioni " dal menu "Finestra" sulla barra principale del menu Flash per aprire l'editor "Azioni" . Posizionare il cursore del mouse sulla prima riga dell'editor di codice azioni .
3

dichiarare una " MovieClip " oggetto da utilizzare come pulsante . specificare la forma del pulsante come un rettangolo con il" drawRect " metodo e aggiungere al palco con il" metodo addChild " . Digitare il codice elencato di seguito nell'editor azioni per specificare questa forma di rettangolo (il pulsante ) avrà un nome ( " nome istanza " ) di " buttonRoll " e sarà : . una MovieClip , disegnata con una linea 1 pixel di larghezza di confine , il colore rosso, alto 50 pixel e 100 pixel in lunghezza , posizionato su palco del Flash coordinata posizione in griglia ( 200.200 ) , e verrà messo in scena quando il filmato viene riprodotto Ecco il codice : .

var buttonRoll : MovieClip = new MovieClip();

buttonRoll.graphics.lineStyle(1);

buttonRoll.graphics.beginFill(0xFF0000);

buttonRoll.graphics.drawRect(200,200, 100 , 50) ;

buttonRoll.graphics.endFill ();

stage.addChild ( buttonRoll ) ;
4

Collegare un listener di eventi " buttonRoll "oggetto con il" addEventListener " metodo. Specificare l' " " evento del mouse come primo parametro nella " ROLL_OUT addEventListener " metodo . Specificare una funzione denominata " buttonRollout + fn " come secondo parametro nella" addEventListener " method.Type il codice elencate di seguito nell'editor azioni per codificare questo listener di eventi :

buttonRoll.addEventListener ( MouseEvent.ROLL_OUT , ​​buttonRollOut_fn )
5

dichiarare la funzione " buttonRollOut_fn " sulla riga successiva del azioni editore. in modo che venga visualizzato un messaggio dopo il cursore del mouse esce dai confini del pulsante rosso rettangolare . All'interno del codice funzione , includere una dichiarazione "traccia" che visualizzerà il messaggio " si è spostato fuori dei confini del pulsante . " digitare il codice , come elencato di seguito , nell'editor azioni per dichiarare la funzione e aggiungere la funzionalità di traccia

funzione buttonRollOut_fn . ( EvenTone : MouseEvent ) :

void { trace (" è stata spostata fuori dei confini del pulsante " ) } ;
6

Rivedere il codice completo è stato digitato , come elencato di seguito , per errori di sintassi e correggerli , se necessario . Copia e incolla questo codice nell'editor di azioni , se non l'avete già digitato dentro

var buttonRoll : MovieClip = new MovieClip();

buttonRoll.graphics.lineStyle(1);

buttonRoll.graphics.beginFill(0xFF0000);

buttonRoll.graphics.drawRect(200,200, 100 , 50);

buttonRoll.graphics.endFill();

stage.addChild(buttonRoll);

buttonRoll.addEventListener(MouseEvent.ROLL_OUT, buttonRollOut_fn )

funzione buttonRollOut_fn ( EvenTone : MouseEvent ) :

void { trace (" si è spostato fuori dei confini del pulsante ")} ;
7

Click l'opzione " TestMovie " nel menu "Control " sulla barra principale del menu Flash per riprodurre l'animazione . Spostare il cursore del mouse sul pulsante e poi fuori dei suoi confini . Si osservi che il messaggio immesso nel trace - " si è spostato fuori dei confini del pulsante " - " . Panel Output" viene visualizzato nel