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: 25 Giugno 2001
Grafica quotidiana
Le novità di oggi su Risorse.net?
Visita la Home page del sito
TITOLO: Scroll sample
Visualizza l'esempio
Scarica l'esempio
Salve!
Anche questa settimana un numero di Grafica quotidiana che vi sorprenderà. Si tratta di un esempio che vi guiderà alla creazione di una barra di scorrimento.
Generalmente una barra di scorrimento ha un valore minimo ed un valore massimo che sono nel nostro caso, 0 e 1. La formula generale per lo scrolling sarà:
Valore_movie = minimo + valore_scroll * (massimo - minimo)
<1> La prima cosa da fare è quella di disegnare un semplicissimo bottone;
<2> Decidete quanto lunga dovrà essere la barra di scorrimento che dovrà, preferibilmente, essere larga quanto il bottone;
<3> Create un movieclip e trascinateci al centro un’istanza del bottone che avete creato precedentemente, quindi assegnate al bottone le seguenti azioni;
On (Press)
Start Drag ("", L=0, T=-100, R=0, B=100) End On
On (Release, Release Outside)
Stop Drag End On
- In una barra verticale L e R rappresentano i valori di destra e sinistra, se è lunga 200 pixel per definire il centro si dà a T(top) il valore "100 e a B(bottom) il valore 100, per creare una barra orizzontale basta ruotarla di 90 gradi -
<4> Adesso create un nuovo movie clip che chiamerete "ScrollBar", disegnateci la barra che dovrà essere lunga 200 pixel per essere valida l’espressione di sopra;
<5> Centrate la barra (CTRL+K) e trascinateci sopra il movie col bottone, fateci sopra doppio click in modo che si apra la finestra di Proprietà dell’istanza e date all’istanza il nome "Slider";
<6> Nel movie SrollBar inserite un nuovo keyframe, quindi andate sul frame 1 ed assegnategli le seguenti azioni:
Set Variable: "scrollvalue" = (100 - slider:_y)/200
Se la barra è orizzontale sostituire Y con X.
<<7> Al frame 2 assegnate, invece, questa azione:
Go to and Play (1)
Finito!!
Oltre all’esempio della scroll bar troverete il sorgente che vi faciliterà la realizzazione dell’esempio e un movie contenente alcuni esempi su come si possono utilizzare le scrollbar. A domani!
Rosaria Gagliano, rosaria.gagliano@risorse.net.
Listowner di Grafica Quotidiana e Web designer.
|
