|
Livello di difficoltà: |
|
La mailing list Grafica quotidiana spedisce ogni giorno un file grafico differente. Il Lunedì è il giorno dell'esempio Flash con le istruzioni per crearlo ex novo. In queste pagine trovi gli arretrati di questa lista gratuita.
|
| |
Esempio Flash: 1 Ottobre 2001
Grafica quotidiana
Le novità di oggi su Risorse.net?
Visita la Home page del sito
TITOLO: Menù gerarchico
Visualizza l'esempio
Scarica l'esempio
Salve amici di grafica quotidiana! Per l'appuntamento di oggi eccovi servito
un bel menù da inserire nei vostri siti Web.
Iniziamo subito!
<1> Sulla scena principale denominate il primo livello action ed inserite
tre keyframes uno al frame 1, l'altro al frame 15, l'ultimo al frame 25;
<2> Nel primo frame và settata una variabile, che gestisce i vari sottomenù
che vengono di volta in volta selezionati, in questo modo:
menu_num = "0";
stop ();
quindi etichettare il frame come Menu;
Al frame 15 (che etticheterete come UP) inserite, invece le seguenti
azioni:
counter = menu_num;
while (Number(counter)<3) {
counter = Number(counter)+1;
setProperty ("/menu" add (counter), _y, getProperty ( "/menu" add (counter),
_y )-150);
}
Al frame 25 (che etticheterete come DOWN) assegnate, infine, le seguenti
azioni:
counter = menu_num;
while (Number(counter)<3) {
counter = Number(counter)+1;
setProperty ("/menu" add (counter), _y, getProperty ( "/menu" add (counter),
_y )+150);
}
<3> Adesso bisogna creare la parte grafica. Disegnate il bottone che
rappresenterà la parte TOP di ciascun menù, i bottoni e le frecce dei
sottomenù;
<4> Ciascun livello principale del menù avrà il suo movie clip che
permetterà l'espansione di ciascun menù. Il clip comprende diversi livelli:
- Nel primo primo (Action), create due key frame uno al frame 1 contenente un'azione STOP etichettandolo come UP, l'altro al frame 10 contenente la stessa azione ma etichettatelo come down,infine create un'azione STOP anche al frame 20 ;
- Il secondo (TopButton) contenente al frame1 il bottone disegnato in precedenza ed al frame 10 la struttura del sottomenù. Al bottone vanno assegnate le seguenti azioni:
Nella parte Up
On (Release)
Set Variable:"../:menu_num"="1"
Call ("../:down")
Go to and stop ("down")
End On
Nella parte down
On (Release)
Set Variable:"../:menu_num"="1"
Call ("../:up")
Go to and stop ("up")
End On
- Il terzo (Sub) contenente al frame 10 i bottoni che compongono il sottomenù con i vari effetti: suoni, cambio di colori ecc, che ciascuno di voi è libero di scegliere;
- Il quarto (Rule) contenente, al frame 10, la linea che unisce i vari bottoni del sottomenù;
<5> Tornando alla scena principale settate il menù aggiungete due livelli:
Buttons e backgraound, in quest'ultimo create lo sfondo per il vostro menù.
Fatto!
E' un esempio piuttosto complicato se non riuscite la prima volta provateci
e riprovateci.
A domani!
Rosaria Gagliano, rosaria.gagliano@risorse.net.
Listowner di Grafica Quotidiana e Web designer.
|
| |
