Articolo su Flash

Personalizzare i Component di Flash 8

Indice

Personalizzare Senza Codice

Personalizzare visualmente i component di solito consiste nel modificare i simboli della libreria per mostrare l'aspetto che desiderate del component. Molti utenti abituali di Flash restarono sorpresi dal non poter trovare i simboli del component nella libreria quando lo includevano nei loro progetti.

L'introduzione del formato SWC (un component compilato che viene utilizzato per raggruppare tutti gli elementi in un solo file) in Flash MX 2004 vi permette di includere e distribuire component facilmente che è un grande vantaggio. Allo stesso tempo, gli skin necessari per il component vengono inclusi nel nel SWC. Siccome non potete modificare i contenuti di un file SWC dovete inserire i simboli di libreria per ridefnire questi simboli.

Aggiungendo simboli alla vostra libreria con lo stesso identificatore di collegamento delle proprietà di skin (abitualmente il valore di default del component), un component utilizzerà questo simbolo sullo stesso simbolo incluso all'interno del file SWC. Potreste pensare che è una operazione piuttosto tediosa—impostare manualmente l'identifcatore del collegamento, creare ogni simbolo e assicurarvi di non commettere errori. Fortunatamente Macromedia ci ha fornito un punto di partenza che aiuta a semplificare il processo.

Il file StandardComponents.fla è incluso in ogni installazione di Flash. Il file è posizionato qui:

(Windows) C:\Program Files\Macromedia\Flash 8\<language>\Configuration\ComponentFLA
(Macintosh) Hard Drive/Users/<username>/Library/Application Support/Macromedia/Flash 8/<language>/Configuration/ComponentFLA

Alcune Note Sui Temi

I temi sono una raccolta di skin e stili che permettono di sviluppare un aspetto generale per un set di component. Non approfondirò come gli stili vengono implementati perchè il mio obbiettivo ora sono gli skin. I temi funzionano avendo un simbolo in libreria con lo stesso identificatore di collegamento dello stesso simbolo nel file SWC del component. Per utilizzare i temi, Macromedia distribuisce la raccolta delle librerie di simboli in un file FLA come punto di partenza per lavorare.

I passi successivi spiegano come includere un tema:

Create un nuovo file FLA.
Aprite il file HaloTheme.fla. Lo potete trovare qui:
- (Windows) C:\Program Files\Macromedia\Flash 8\<language>\Configuration\ComponentFLA
- (Macintosh) Hard Drive/Users/<username</Library/Application Support/Macromedia/Flash 8/<language>/Configuration/ComponentFLA
Trovate il simbolo HaloTheme principale nella libreria e trascnatelo nel file FLA vuoto creato al nel primo step.
Selezionate Themes > MMDefault > Window Assets per aprire il simbolo Window Assets. Personalizzate i diversi elementi grafici nel simbolo a vostro piacimento (vedete Figura 1).

Figura 1.Il mio simbolo Window Asset personalizzato
Trascinate un component Window nello Stage pricipale.
Selezionate Controlli > Prova Filmato per vedere i risultati.

Di solito, personalizate ogni singolo simbolo del tema e avete il tema completamente disponibile in modo che possiate personalizzare di nuovo l'applicazione. Notate anche che, al momento, i file del tema non sono solo realizzati con risorse grafiche nella libreira ma possono essere disegnati anche tramite il codice, includendo i valori di default dello stile del component, come vi mostrerà a breve.

Per vedere brevemente gli stili nei temi, pote guardare la libreria HaloTheme. Noterete un simbolo chiamato Defaults guando selezionate Flash UI Components 2 > Themes > MMDefault nella libreria. Se guardate le proprietà di collegamento del simbolo, scoprite che il simbolo è associato ad una classe. Potete trovare il file di questa classe nella cartella Calsses.

Aprite il file Default.as posizionato qui:

(Windows) C:\Program Files\Macromedia\Flash 8\<language>/\First Run\Classes\mx\skins\halo
(Macintosh) Hard Drive/Applications/Flash 8/First Run/Classes/mx/skins/halo

Dovreste sapere che il metodo setThemeDefaults() è responsabile per le impostazioni di default. Se desiderate costruire un tema completo, potreste trarre vantaggio dallo specificare gli stili di default del component. Potete farlo facilmente personalizzando il file Default.as. Se pensate di farlo, assicuratevi di creare una copia locale per la vostra applicazione. I file posizionati nella cartella classi globali non dovrebbe mai essere modificata.

Per finire, se desiderate personalizzare solo un componet invece di avere un tema completo, potete eliminare tutti i file degli elementi della libreria non relazionati al component che volete personalizzare e modificare solo il simbolo che volete.

Alcune Note Sulla Personalizzazione Senza Codice

Personalizzare i component senza codice può essere molto limitativo. Potete fare diverse per evitare discrivere codice ogni volta che volete personalizzare un component. Ad esempio, esplorate il file SampleTheme.fla, che trovate qui:

(Windows) C:\Program Files\Macromedia\Flash 8\<language>\Configuration\ComponentFLA
(Macintosh) Hard Drive/Users/<username>/Library/Application Support/Macromedia/Flash 8/<language>/Configuration/ComponentFLA

Questo tema può essere più semplice da personalizzare perchè utilizza meno codice per disegnare gli skin impostati nel HaloTheme.

Alcuni component utilizzano lo stesso valore per diverse proprietà di skin (stati del component) perchè disegnano questi skin utilizzando il codice. Per questi component, non troverete un metodo per personalizzare in modo indipendente diversi stati senza dover scrivere codice. Il Component Pulsante è un buon esempio di questo.