Creazione di un Flash ActionScript 3 di navigazione animato non solo aggiunge l'interattività al tuo sito web , ma consente anche agli utenti sanno dove sono. I modi per aggiungere l'animazione alla navigazione è limitato solo dalla fantasia , ma per iniziare , si creerà una semplice palla che segue il mouse lungo il menu di navigazione . Questa lezione utilizza anche gli array , per quelli di voi che sono nuovi per gli array , questo è un ottimo modo per avere i piedi bagnati . Istruzioni
1
Open Flash e fare clic su "File ", "Nuovo" e quindi fare clic su "File Flash ( ActionScript 3.0) " dal menu estraibile. Fare clic sullo strumento Rettangolo dalla barra degli strumenti , e tenendo premuto il mouse , trascina sul palco per disegnare un rettangolo . Fare clic sullo strumento Testo e digitare "Play" sulla parte superiore del rettangolo .
2
Clicca sia sul rettangolo e il testo "Play" per evidenziarli . Dal menu principale , fare clic su " Modifica ", quindi su "Convert to Nuovo simbolo " dal menu pull- out . Fare clic sulla casella "Button " radiale e digitare " visualizzarloMC " per il nome .
3
Fare clic su " Finestra" dal menu principale e quindi fare clic su "Proprietà" e poi "Proprietà" nuovamente dal menu pull- out . Con il vostro sfondo e testo ancora evidenziate , digitare " home_btn " nel campo Nome istanza nel pannello Proprietà .
4
Fare clic su " Inserisci livello " nella parte inferiore della linea del tempo , e il nome " pulsanti . " Fare clic sullo strumento Testo nella barra degli strumenti . Nel pannello Proprietà, fare clic su " Testo statico ". Digitare le voci di navigazione , come ad esempio "Casa ", " Chi " e "Contatto ".
5
destro del mouse su "Home" e poi cliccare su " Converti in simbolo " dal menu pull- out . Il nome " Home", cliccare su "Pulsante" per il tipo di simbolo e poi , sulla riga di registrazione in basso , cliccare sulla casella di controllo centrale . Fare clic su "OK".
6
Digitare " home_btn " per un nome di istanza nel riquadro Proprietà. Ripetere questa procedura per tutte le vostre voci di navigazione . Dare ad ogni istante un nome univoco come " contact_btn . "
7
Fare clic su " Inserisci livello " nella parte inferiore della linea temporale , e il nome " animare ". Fare clic sullo strumento Ovale dalla barra degli strumenti e disegnare una palla sul palco tenendo il mouse premuto e trascinando . Posizionare la palla sotto il pulsante "Home" .
8
pulsante destro del mouse sulla palla e poi cliccare su " Converti in simbolo " dal menu pull- out , nome " ball_mc " e fare clic su " Movie clip " per il tipo di simbolo . Fare clic su " OK ".
9
Fare clic su " Inserisci livello " nella parte inferiore della linea del tempo , e il nome " AS3 ". Fare clic destro sul fotogramma 1 del livello di azione e quindi fare clic su " Azione " dal menu pull- out . Digitare il seguente codice: .
Importazione fl.transitions.Tween ;
importazione fl.transitions.easing * ;
/* Cambiare nomi btn , se necessario * /
var buttonsArr : Array = new Array ( home_btn , contact_btn ) ;
var linkArr : Array = new Array ( ) ;
/* Cambia indirizzo navigazione ( var i : uint = 0; i < buttonsArr.length ; i + + ) {
buttonsArr [ i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ;
buttonsArr [ i] addEventListener . . ( MouseEvent.CLICK , clickURL ) ;
}
funzione moveFollow ( evento : MouseEvent ) : void {
nuova Tween ( ball_mc , " x " , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1 , true); }
funzione clickURL ( evento : MouseEvent ) : void { for (var j : uint = 0 ; j < linkArr.length ; j + + ) {
se ( event.currentTarget == buttonsArr [ j ] ) {
navigateToURL ( new URLRequest ( linkArr [ j ] ) );} } }