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.