• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare un semplice menu con SWiSH Max3

Virtox

Utente Strepitoso
Autore del topic
5 Giugno 2009
4.184
77
Miglior risposta
0
SWiSH Max è uno strumento molto potente che permette di realizzare siti web in tecnologia Flash completi e professionali; in questo articolo vedremo come creare un semplice menu navigazione tra le pagine web di un sito.
Di default esistono già dei componenti installati (tra cui appunto i Menu) ma a noi interessa capire il funzionamento di SWiSH Max quindi proviamo a crearne uno da zero. Per prima cosa andiamo su:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Poi da Proprietà Filmato impostiamo la nostra scena con Larghezza 600px e altezza 400px a sfondo bianco.


Con lo strumento Rettangolo posizioniamoci sullo Stage e disegniamo un rettangolo 100x30px con bordo nero e sfondo #333333 e digitiamo un testo Home di un colore #999999, la misura è modificabile anche in un secondo momento dal pannello Proprietà nel box Larghezza e Altezza Figura.


screen1.jpg


Raggruppiamo i due oggetti selezionandoli (Shift + Selezione) e convertiamoli in un Clip Filmato:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Nel pannello struttura, (se non lo vedete Alt+F3) a destra vediamo il clip Filmato appena creato che rinominiamo Pulsante.
Andiamo con il tasto destro sul Clip Pulsante e selezioniamo: Attiva lo Stato 'Sopra' - Attiva lo Stato 'Giù' - Attiva lo Stato 'Premuto'.
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Ora abbiamo trasformato il nostro Clip Filmato in un Pulsante composto da diversi stati.
Dal pannello proprietà possiamo abilitare i vari stati del pulsante:


screen02.jpg


Ora passiamo a personalizzare il nostro pulsante cambiando il colore del contorno dello sfondo del rettangolo che abbiamo creato all'inizio, vediamo come:


screen03.jpg



Modificando gli stati possiamo ricreare l'effetto del pulsante, applichiamo un colore di sfondo Sfumato allo Stato Giù modificando il verso della sfumatura che di default è da destra a sinistra ma a noi interessa dall'alto al basso quindi ruotiamo la sfumatura:


screen04.jpg


Qui andiamo su Modifica applichiamo un angolo di 90° al riempimento:


screen05.jpg


Qui andiamo su Modifica applichiamo un angolo di 90° al riempimento:Stesso procedimento ma invertendo la sfumatura per lo Stato Sopra, cosi da ottenere un simpatico movimento del pulsante. E' possibile anche agire sul contorno del pulsante cambiandolo di colore.
Infine non resta che impostare lo script che permette la navigazione tra le pagine, selezioniamo il Pulsante principale nella struttura chiudendo tutti gli elementi:


screen06.jpg


Spostiamoci nella scheda Script e impostiamo il codice:


screen07.jpg


Codice:
Perfavore, Entra oppure Registrati per vedere i codici!


Qui non resta che digitare URL e la Finestra di destinazione dove far puntare il pulsante.
Per completare il menu non resta che copiare tante volte la clip quanti sono i pulsanti da inserire nel nostri sito, ricordandosi di modificare l'URL per personalizzare il collegamento alla pagina di destinazione.

Per scaricare l'esempio completo di eseguibile SWF e sorgente
Perfavore, Entra oppure Registrati per vedere i Link!
.


fonte:
Perfavore, Entra oppure Registrati per vedere i Link!