Preloading Flash stile Windows Vista

I Preloading ormai sono fondamentali per le nostre applicazioni Flash, rendono l’attesa del caricamento meno noiosa e non lasciano quei tempi vuoti in cui potremo perdere l’utente.

Oggi voglio farvi vedere come realizzare un preloading simile a Windows Vista

Il preloading è composto da un clip filmato contenente la base con all’interno un successivo clip per la barra
 

  •  Relizziamo la base del Preloading

Base Preloading Vista

  1. Dal pannello Strumenti scegliamo lo Strumento Rettangolo
  2. Dal pannello Strumenti andiamo a dare un raggio.jpg raggio
    rettangolo arrotondato 5
  3. Dal pannello Colore andiamo ad applicare una sfumatura lineare dal basso in alto, da #CACACA a #FBFBFB
  4. Bordo 2 px #A5A4A2
     
     
  •  Relizziamo la base della Barra

Barra Preloading Vista

  1. Dal pannello Strumenti scegliamo lo Strumento Rettangolo
  2. Dal pannello Strumenti andiamo a dare un raggio.jpg raggio
    rettangolo arrotondato 5
  3. Dal pannello Colore andiamo ad applicare una sfumatura lineare dal basso in alto, da #04B123 a #C9FFCD
  4. Inoltre applicheremo alla parte superiore della barra, su un livello superiore, una porzione della sua metà di colore #FFFFFF alpha 50%
     
     
  •  Relizziamo l’effetto scorrevole luminoso
  1. Costruiamoci un rettangolo con una sfumatura  a 4 colori tutti su tonalità di bianco, cambiano il parametro alpha
  2. Inseriamo un interpolazione di movimento sulla barra verde creata in precedenza con il nostro rettangolo sfumato
     
  • Il codice
  1. Inseriamo sul nostro movie clip il seguente codice:

onClipEvent (load) {
total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
if (loaded == total) {
_root.gotoAndStop(2);
}
}

Scarica il sorgente
Guarda il Tutorial

Annunci

2 thoughts on “Preloading Flash stile Windows Vista

  1. Ciao julius, volevo chiederti se volessi usare questo preleoad per l’attesa di caricamento di foto tramite file Xml come dovrei comportarmi?
    Si usa sempre la funzione getBytesTotal???

    Grazie anticipatamente!

Rispondi

Effettua il login con uno di questi metodi per inviare il tuo commento:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...