Creare mx:control runtime con Flex

Il lavoro mi porta ad abbracciare questa nuova tecnologia e come ogni volta che si inizia a studiare una nuova cosa, si deve superare la fase in cui la curva di apprendimento è molto ripida. Stasera vi voglio parlare di come è possibile creare controlli runtime.

Poniamo il caso di voler creare un mx:Button. Abbiamo 2 modi per farlo:

  1. 1. Posizionarci in modalità Design e trascinare il componente Button, all’ interno della nostra area di lavoro
  2. 2. Crearlo runtime tramite ActionScript

La modalità 1 non ci piace tanto e quindi ci posizioniamo in modalità Source e scriviamo un pò di codice:

import mx.controls.Button;
        
private var myButton:Button; 
        
private function buttonCreator ():void
{
  myButton = new Button();
  myButton.label = “Cliccami”;
            
 addChild(myButton);        
}
        
 

Mandiamo in RUN l’ applicazione e il nostro Button comparirà invitandoci a cliccarlo. Ovviamente non succederà nulla fino a che non gli assengeremo un evento:

import mx.controls.Button;
import mx.controls.Alert;
 
private var myButton:Button; 
 
private function buttonCreator ():void
{
  myButton = new Button();
  myButton.label = “Invia”;
  myButton.addEventListener(MouseEvent.CLICK, buttonClick); 
    
  addChild(myButton);        
}
 
//sollevo l’ evento del bottone
private function buttonClick(event:MouseEvent):void
{
  Alert.show(event.toString(),“Evento”);
}

Ora, cliccando sul nostro Button, riceveremo un messaggio di alert.

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • del.icio.us
  • digg
  • YahooMyWeb

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.