Una barra di navigazione , barra di navigazione in breve, viene spesso utilizzato per creare un sito web Flash. Proprio come una barra di navigazione in un sito web , una barra di navigazione Flash può essere utilizzato per collegare a pagine diverse (frame) nel filmato Flash . È inoltre possibile utilizzare una barra di navigazione Flash come una mappa del sito per le presentazioni di slide-show – off o on-line . Utilizzando ActionScript 3 ( AS3 ) , il linguaggio di programmazione Flash , per la creazione di un sito Flash è un requisito per creare una barra di navigazione . AS3 , oltre a permettere di creare facilmente una barra di navigazione , permette anche di creare facilmente una barra di navigazione con images.Things rollover che vi serve
Adobe Flash Professional : CS3 , CS4 o CS5 versioni
Mostra Altre istruzioni
1
Avviare il programma Flash. Fare clic su ” File Flash ( ActionScript 3.0 )” dalla finestra iniziale per creare un nuovo file per il navbar AS3 rollover .
2
Seleziona “Azioni” dal menu “Finestra” sulla barra del menu principale Flash per aprire l’editor di ActionScript 3 . Posizionare il cursore del mouse sulla prima riga dell’editor ActionScript 3 . . Fare clic con il pulsante del mouse , e digitare il codice seguente per interrompere il filmato Flash da giocare al primo fotogramma del filmato Flash
stop ();
3
digita il codice a partire dalla prossima riga dell’editor ActionScript 3 per creare e posizionare un elemento grafico rettangolare rossa sul palco che è posizionato in corrispondenza delle coordinate stadio Flash ( 50,50 ) , ha una larghezza di 50 pixel , un’altezza di 20 pixel e è disegnato con una linea nera con una larghezza di 4 pixel
var myButton : . MovieClip = new MovieClip();
myButton.graphics.lineStyle(4);
myButton.graphics.beginFill(0xFF0000);
myButton.graphics.drawRect(50, 50 , 50 , 20 );
myButton.graphics.endFill ();
addChild ( myButton );
4
Digitare il codice a partire dalla riga successiva di ActionScript 3 editor per aggiungere un evento click del mouse listener per il pulsante rosso che istruirà Flash per andare a ” telaio 2 ” del film , quando si fa clic sul pulsante rosso .
myButton.addEventListener ( MouseEvent.CLICK , frame2_fn );
funzione frame2_fn (event: MouseEvent ) : void
{
gotoAndStop ( 2);
};
5
digitare il codice a partire dalla prossima riga dell’editor ActionScript 3 per aggiungere un listener di eventi rollover del mouse sul pulsante rosso che istruirà Flash di eseguire le istruzioni all’interno della funzione ” roll_over_fn ” quando il cursore del mouse viene spostato sopra il pulsante rosso
myButton.addEventListener ( MouseEvent.ROLL_OVER , roll_over_fn ) .
6
Digitare il codice a partire dalla riga successiva del codice ActionScript 3 editor per creare la funzione roll_over_fn e . aggiungere le istruzioni che aggiungeranno un piccolo rettangolo giallo ( myButtonRoll ) all’interno del pulsante rosso quando il cursore del mouse viene spostato sul pulsante rosso
funzione roll_over_fn (event: MouseEvent ) : void
{
var myButtonRoll : MovieClip = new MovieClip();
myButtonRoll.graphics.lineStyle(4);
myButtonRoll.graphics.beginFill(0xFFFF00);
myButtonRoll.graphics.drawRect(72, 55 , 10 , 10);
myButtonRoll.graphics.endFill ();
myButton , addChild ( myButtonRoll );
};
7
Fare clic su “Timeline ” nel menu “Finestra” sulla barra principale del menu Flash . Posizionare il mouse su “Frame 2” sulla timeline . Fare clic con il mouse per selezionare frame 2 . Fare clic destro del mouse e seleziona “Inserisci fotogramma chiave vuoto ” dal menu contestuale .
8
Premere e rilasciare il tasto ” r” sulla tastiera per attivare il disegno rettangolo di strumento . Posizionare il cursore del mouse sopra il palco Flash e trascinare il mouse per disegnare un rettangolo sul palco . Rilasciare il pulsante del mouse quando il rettangolo ha una larghezza di circa 2 cm .
9
Fare clic su ” Prova filmato ” dal menu ” Control” per testare il vostro programma di navigazione web Flash. Osservare che il pulsante rosso viene visualizzato sul palcoscenico Flash. Posizionare il mouse sul pulsante rosso e osservare che un’immagine rettangolare gialla compare all’interno del pulsante rosso . Fare clic sul pulsante rosso e osservare che il rettangolo creato nel frame 2 è ora sul palco Flash e il pulsante di navigazione rosso è ancora sul palco .
10
continuare ad aggiungere più pulsanti della barra di navigazione con il codice AS3 . Utilizzare un codice pulsante simile a quella già utilizzata ma usare nomi diversi per i pulsanti rettangolari . Aggiungere un pulsante barra di navigazione per ogni pagina
( frame) si aggiunge al tuo sito web Flash o presentazione.