Flash  »  Articoli  »  Flash design 

Scale9: un ridimensionamento intelligente

di: Davide Beltrame     24 Novembre 2006

Un problema riscontrato di frequente dagli sviluppatori Flash è relativo al ridimensionamento degli oggetti che presentano angoli arrotondati o modificati graficamente (ad esempio con un effetto di pagina "piegata" su un angolo). Questo perchè il Flash Player di default ridimensiona ugualmente tutte le aree del movieclip, deformando anche gli elementi che vorremmo rimanessero invariati.

Figura 1. Bordo piegato del rettangolo deformato dopo il ridimensionamento

Bordo piegato del rettangolo deformato dopo il ridimensionamento

Come possiamo vedere dalla figura, sia l'angolo in alto a destra (con la "piega"), sia gli altri angoli, leggermente arrotondati nel movieclip originale, aumentano le loro dimensioni nel movieclip ridimensionato, dando quindi al simbolo un aspetto grafico indesiderato.

In Flash 8 è stata introdotta una novità decisamente interessante, denominata Scale9, che permette di creare una griglia (composta appunto da 9 parti); con la quale evitare l'effetto "deformazione" degli elementi angolari.

Figura 2. Il movieclip ridimensionato con lo Scale9

Movieclip ridimensionato

Possiamo però considerare che il ridimensionamento predefinito del Flash Player influisce anche sui lati del movieclip e soprattutto sugli eventuali bordi; se questo può non essere un problema per il movieclip utilizzato finora, può dare effetti indesiderati ad esempio con pannelli multicolore.

Figura 3. Movieclip con testo e ridimensionato anche in verticale

Movieclip con testo e ridimensionato anche in verticale

Se ad esempio inseriamo un testo ed uno sfondo gradiente e ridimensioniamo il clip anche verticalmente, i "danni" maggiori si notano sulla scritta, però anche i bordi presentano dei problemi (sono stati ingranditi). L'unico elemento che risente meno del ridimensionamento è lo sfondo, mentre gli angoli, anche se poco, sono cambiati.

Guide Flash

Guida ActionScript 3 di base

Apprendere, in poche lezioni, le nozioni fondamentali per gestire...

Guida FlashDevelop

Installare e usare FlashDevelop, potente ambiente di sviluppo open...

Guida Flash Builder 4

Un percorso alla scoperta delle potenzialità più importanti...

Altre guide

Newsletter @Flash

Ogni martedì, guide, articoli, FAQ, movie, audio su Macromedia Flash e Actionscript direttamente nella tua casella di posta

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti