Dock Menu Flash XML è un applicazione flash che permette di generare tramite file esterno XML un menu stile Dock Bar del Mac OS X

Le immagini possono essere di formato .jpg o .png di dimensioni 60×60

Per ogni immagine è associato un link e un titolo specifico

Inoltre viene creata in automatico un effetto ombra stile web 2.0 e visualizzato un titolo specifico.

Andiamo ora a vedere insieme il file XML esterno:

<file>
<title>Adobe Flash CS3</title>
<image>img/img1.png</image>
<url>https://www.juliusdesign.net</url>
</file>

  • title: Titolo dell’immagine
  • image: Percorso assoluto (http://www.dominio.com/img/img1.png) o relativo (img/img1.png) dell’immagine
  • url: Specificare l’indirizzo internet odel file da aprire

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

230 Commenti

  1. mmmm. Mi da un errore : Dettagli errore pagina Web

    Messaggio: ‘null’ è nullo o non è un oggetto
    Linea: 105
    Carattere: 4
    Codice: 0

    Premetto che me la cavicchio con html ma java per me è un mondo di fantasia! Ahahahahah!

  2. Scusa ho risolto. Errore mio. Piuttosto senza abusare della tua pazienza…mi potresti spiegare come “ingrandire” un po’ il tutto? Ho bisogno di un editor flash? Grazie

  3. @Prainx sicuramente, se devi interagire con le dimensioni delle singole immagini devi intervenire a livello di AS cambiando le spazionature e dimensioni dei clip contenitori

  4. Julius ha scritto:

    @Prainx sicuramente, se devi interagire con le dimensioni delle singole immagini devi intervenire a livello di AS cambiando le spazionature e dimensioni dei clip contenitori

    ehm….AS? mi odi lo so

  5. Non ho capito molto. Ricapitolando ho bisogno di un editor flash (consigli?) e una volta editato il file menu_dock_bar.swf lavoro come se fossi in html…più o meno…

  6. Ciao Julius, complimenti per l’ottimo sito, diventato ormai il mio punto di riferimento appena mi si parla di Flash.
    Non sono molto esperto ma partendo dai tuoi tutorial parto sempre con il piede giusto.
    In questo caso sono un pò in difficoltà.
    Vorrei che cliccando su una immagine venga visualizzata ingrandita su di un box sottostante.
    Mi puoi dare qualche suggerimento su come crearla…

    Gazie

  7. Ho ingrandito lo stage per adattarlo al mio sito e tutto bene, solo che il menu rimane troppo in alto. Come si fa ad abbassarlo? Quali coordinate devo modificare in as?

  8. ciao julius, grazie per il tutorial sul dock menu. ho una domanda: è possibile utilizzare l’azione “gotoframe” anziché “getUrl”? vorrei usare il menu per un’animazione sulla linea temporale.
    grazie mille
    ciao

  9. Ciao Julius, per prima cosa volevo ringraziarti per eccerci… ;))
    poi volevo chiederti:l’ immagine selezionata dal mouse de dock menu è possibile renderla draggable? Sto usando as 2, flash 8 , e sto cercando di integrare il tuo menu con una funzione

    function dragSetup(clip, targ){…..

    }

    dragSetup(circle_mc,targetCircle);

    dove circle_mc e targetCicle sono oggetti di tipo movie clip
    e circle_mc dovrebbe essere l’immagine selezionata dal mouse.

    Spero di essere stato chiaro e restando in attesa di una tua risposta ti auguro un 2010 migliore del 2009.

  10. ciao a tutti… ho una domanda =)

    io importo questo swf in una pagina diversa.

    cmq se uso il lockroot non funziona… cioè le icone nn scorrono avanti e indietro. Invece se nn lo uso succede che le icone scorrono ma non nel modo corretto…. o meglio io importo il filmato dentro un movieclip solo che questo movie è sulla destra e quiondi la sua x non è a zero… se lo metto con la x sullo zero funziona correttamente.

    mi sono spiegata?
    se qualcuno ha già affrontato questo problema mi puö aiutare?

  11. ciao,
    bellissimo script.

    sto cercando di adattarlo per utilizzare delle immagini png piu grandi (stile cover flow). Sai indicarmi dove devo intervenire per fare in modo che le miniature rimangano piu grandi? e soprattutto come aumento lo spazio tra un immagine e l altra, perchè il problema piu grosso, è proprio che le immagini, essendo piu grandi, si accavallano l una sull altra

    grazie in anticpo

  12. @ Moise:
    ciao,

    per le dimensioni delle miniature devi entrare nel clip “main” che trovi nella libreria.

    Per la distanza cerca questa riga di codice:

    ct._x = erxi + 12 + 43 * j;

    e modifica il 43.

    Ciaociao

  13. Ciao,

    intanto voglio farti i complimenti per l’ottimo menu!

    Lo vorrei utilizzare per un lavoro che sto facendo ma avrei bisogno di eliminare il riquadro bianco dietro l’icona e l’ombra di ogni icona.

    Puoi dirmi dove devo mettere le mani nell’as?

    Grazie mille

  14. @ Julius:
    salve,
    avviso che non sono bravissimo sto cominciando ora con il flash.
    te li hanno fatti tutti i complimenti e non penso che i miei valgano molto, cmq bravo bel lavoro.

    volevo mettere il tuo menu nel sito che sto facendo il fatto e che ho modificato il tutto, messo le immagini. ma non lo vedo

    nel sito per adesso c’è caricata la tua barra senza modifiche, visto che non va l’originale no provo nemmeno a mettere la mia modificata.

    il problema è semplice, non si vede nulla, solo un rettangolo bianco.

    ciao e grazie per l’eventuale risosta!!!

  15. Andresnow

    Ciao,
    qualcuno sarebbe cosi gentile da dirmi come faccio ad inserirlo in una pagina html? utilizzo Dreamweaver 4

  16. Ciao Julius e grazie per questo menu fantastico…
    Ho provato a “metterlo” in una pagina di 1280×800 ma non va, quando faccio rollover sparisce. Mi puoi spiegare bene cosa devo cambiare per poterlo mettere in uno stage diverso?
    Io faccio ad esempio un file 1280×800, cosa devo scrivere per “importare” il tuo swf e per farlo funzionare in una nuova pagina?

  17. Scusa, sono riuscito! Ho letto un altro tuo tutorial sul lockroot…ti chiedo però un’altra cosa: adesso che l’ho “inserito” in uno stage più grande, come posso rendere attiva solo la parte delle foto?

    Io ad esempio, su tutto lo stage se muovo il mouse a destra o sinistra si muovono le foto. Ma vorrei che si muovessere solo quando vado con il mopuse su di loro…

  18. Una domanda semplice semplice sul menù… volendolo integrare ad una pagina flash come posso far si che, cliccando su un’icona questa mi salti ed un’etichetta del filmato flash e non ad un URL esterno?
    Spero di essermi spiegato… vorrei inserirlo in un sito flash già esistente dove le varie pagine sono nel filmato principale e divise in etichette.
    Grazie
    Alfio

  19. @ Roberto:
    Da quello che ho notato basta modificare tutti gli Shape eccetto il 14 senza toccare AS

  20. @ Roberto:
    Da quello che ho notato basta modificare tutti gli Shape eccetto il 14 senza toccare AS.
    Fammi sapere
    Alfio

  21. Ciao,
    complimenti e grazie per la miniera d’oro che sei per gli appassionati di flash. Sono giovane di esperienza, ma vecchio di eta’, e mi trovo in diffilcolta’. Ho inserito questo bellissimo menu in una pagina, modificandolo e adattandolo, e tutto funziona bene. Ho provato ad inserire un secondo menu, nella stessa pagina, rinominandolo e aggiungendo un secondo file di dati e altre immagini, pero’ il secondo menu mostra le stesse immagini del primo. Dove sbaglio? Sarei felice se qualcuno mi aiutasse.

  22. Ciao! bellissimo questo tutorial!
    ma ho una domanda… come posso utilizzare questo tutorial di modo che al CLIC, invece di una pg HTML o un file, mi venga caricato un’SWF all’interno di un clipMovie?

    Si può fare? e se si come devo muovermi su fla e XML?

    Grazie, sei sempre utilissimo Julius!

  23. Ciao Julius, prima di tutto complimenti per tutti i tuoi tutorial, sono fantastici!!
    Adesso veniamo a noi, ho dato un’occhiata al codice sorgente e sono riuscito a capire cosa cambiare per distanziare meglio le icone, adesso però vorrei che la scritta del titolo che mi esce sotto fosse più grande, vorrei cioè cambiare la formattazione del testo del titolo sottostante le icone, spero di essermi spiegato. Grazie mille… Lorenzo

  24. ciao julius,
    intanto grazie mille per i tuoi tutorial.
    mi servirebbe una mano per capire 3 cose:
    __è possibile inserire come label alle immagini un commento di più righe? (ho provato a modificare le proprieta del testo nel movie clip main e poi nel xml senza nessun risultato)
    __come faccio a restringere all’area del menu il movimento del mouse (ho letto che bisogna intervenire su “_xmouse” e “_ymouse” ma la cosa non mi sembra semplice!)
    __quando carico il file swf nel sito in html non vedo nulla…come posso fare?

    grazie mille!

  25. sempre io…. n attesa di una risposta ho risolto il primo dilemma sostituendo alle righe 38 e 39 dell’as false con true

    ct.label_mc.label_txt.wordWrap = true;
    ct.label_mc.label_txt.multiline = true;

    gli altri 2 dilemmi rimangono ancora irrisolti… se qualcuno ha la soluzione e mi vuole dare una mano gli ne sono grata.

  26. Kikkoloponte

    Ciao Giuliano,
    prima di tutto mi accodo ai molti (ma sempre pochi) complimenti per la DockBar e l’impegno che metti nel trasferimento del sapere in rete…..

    Ora veniamo alla mia richiesta..
    Premetto che mi sono avvicinato da soli 10 giorni (DIECI) al mondo “Adobe”.

    Io vorrei utilizzare la tua DockBar o alemno prenderne spunto, per sviluppare un’applicazione Desktop (quindi utilizzando Flex)…

    Mi sapresti dare delle indicazioni, consigli o quant’altro per capire come fare?

  27. Bellissimo il tuo lavoro molto gradito Julius
    sarebbe ancora piu gradito se fosse uno scorrimento verticale
    io ho cercato di fare da solo ma hai me ci sto diventando matto
    (PER LA MIA SCARSA COMPETENZA)
    Julius
    AIUTO TI PREGO

  28. Ciao! mi sembra di aver capito che il file .fla debba essere convertito in .exe per essere pubblicato su un sito. Giusto?
    Se così fosse, mi potreste suggerire un programma che faccia tale conversione? Grazie mille

  29. Ciao! mi sembra di aver capito che il file .fla debba essere convertito in .swf per essere pubblicato su un sito. Giusto?
    Se così fosse, mi potreste suggerire un programma che faccia tale conversione? Grazie mille

Commenti