Flash  »  Articoli  »  Mondo Flash 

La raccolta di componenti Yahoo Astra per Flash include non solo componenti di "utilità" come l'autoComplete o l'alertManager, o elementi utili come "widget" quali ad esempio l'audioPlayback e il Carousel, ma anche componenti di layout simili a quelli presenti di default in Flex, come ad esempio l'HBoxPane e il VBoxPane.

I componenti di layout servono principalmente per disporre degli elementi all'interno di un "contenitore", così da stabilire uno spazio in cui delimitarli e disporli, potendone poi adattare la disposizione in base ad eventuali ridimensionamenti del contenitore. I componenti di tipo Layout disponibili nel set Yahoo! Astra sono i seguenti:

• BorderPane: un contenitore senza scroll che permette di disporre gli elementi su più righe e colonne;
• FlowPane: un contenitore scrollabile che dispone gli elementi in maniera affine ai classici flussi di testo;
• HBoxPane: un contenitore scrollabile che dispone gli elementi su una riga orizzontale;
• TilePane: un contenitore scrollabile che dispone gli elementi in più caselle; l'elemento più largo stabilisce la diensione di tutte le caselle, in pratica crea una sorga di griglia;
• VBoxPane: simile all'HBoxPane, ma con la disposizione degli elementi in verticale.

Ricordiamo che tutti i componenti del framework Yahoo Astra sono disponibili solamente nei progetti Flash Actionscript 3, non appariranno infatti nel pannello Componenti se apriamo o creiamo un Fla in Actionscript 2.

Uso dei componenti di layout

I componenti di layout sono i più semplici da utilizzare, in quanto non prevedono di per sé interazione con l'utente o particolari azioni, funzionano semplicemente da contenitori che semplificano la disposizione degli elementi in essi contenuti; in Flex il loro utilizzo è reso molto semplice dalla possibilità di trascinarvi direttamente gli elementi da disporre al loro interno, ma in Flash non c'è questa possibilità e quindi il loro utilizzo passa principalmente per Actionscript, tramite il quale è possibile aggiungere elementi al contenitore.

Vediamo allora come utilizzare questi componenti: l'utilizzo è pressoché identico per tutti i componenti, anche se con un paio di eccezioni e ovviamente diverse proprietà per personalizzare la disposizione degli elementi.

Per prima cosa creiamo un nuovo progetto Actionscript 3 e apriamo il pannello Componenti, quindi espandiamo la categoria Yahoo! Layout e trasciniamo sullo stage un'istanza di uno dei componenti, ad esempio l'HBoxPane, infine diamogli un nome istanza dal pannello Proprietà, per esempio layout e settiamone le dimensioni.

Figura 1. La categoria di componenti Layout di Astra

A questo punto possiamo creare gli elementi da aggiungere al componente e settarne le proprietà; in questo esempio utilizzeremo più istanze di uno stesso clip.

Altri articoli

Altre guide

Altre newsletter