Usare il componente Label

Nel componente Label viene visualizzata un'unica riga di testo, solitamente per identificare un altro elemento o un'attività in una pagina Web. Potete specificare che un'etichetta venga formattata in HTML per sfruttare i relativi tag di formattazione del testo e controllarne l'allineamento e le dimensioni. I componenti Label non hanno bordi, non possono essere attivati e non inviano alcun evento.

Nell'anteprima dal vivo di ogni istanza del componente Label vengono visualizzate le modifiche apportate ai parametri nella finestra di ispezione Proprietà o nella finestra di ispezione dei componenti durante la creazione. L'etichetta non ha bordi, quindi l'unico modo per visualizzarne l'anteprima consiste nell'impostare il relativo parametro text.

Interazione dell'utente con il componente Label

Usate un componente Label per creare un'etichetta di testo per un altro componente in un form, ad esempio un'etichetta "Nome:" alla sinistra di un campo TextInput che accetta il nome di un utente. Si consiglia di usare un componente Label anziché un campo di testo normale, poiché in questo modo potete usare gli stili per mantenere un aspetto coerente e uniforme nell'intera applicazione.

Per consentire la rotazione di un componente Label, dovete incorporare i caratteri; in caso contrario non verranno visualizzati quando si prova il filmato.

Parametri del componente Label

I seguenti parametri di creazione possono essere impostati per ogni istanza del componente Label: autoSize , condenseWhite , selectable , text e wordWrap . Ciascuno di questi parametri ha una proprietà ActionScript corrispondente con lo stesso nome. Per informazioni sui valori che potete impostare per questi parametri, vedete la classe Label nella Guida di riferimento di ActionScript 3.0 per Flash Professional .

Creare un'applicazione con il componente Label

La procedura seguente indica come aggiungere un componente Label a un'applicazione durante la creazione. In questo esempio, nell'etichetta viene visualizzato semplicemente il testo “Data scadenza.”

  1. Create un nuovo documento Flash (ActionScript 3.0).

  2. Trascinate un componente Label dal pannello Componenti allo stage e assegnategli i seguenti valori nella finestra di ispezione Proprietà:

    • Inserite aLabel come nome dell'istanza.

    • Inserite 80 per il valore W.

    • Inserite 100 per il valore X.

    • Inserite 100 per il valore Y.

    • Inserite Data scadenza per il parametro text .

  3. Trascinate un componente TextArea nello stage e assegnategli i seguenti valori nella finestra di ispezione Proprietà:

    • Inserite aTa come nome dell'istanza.

    • Inserite 22 per il valore H.

    • Inserite 200 per il valore X.

    • Inserite 100 per il valore Y.

  4. Aprite il pannello Azioni, selezionate il fotogramma 1 nella linea temporale principale, quindi immettete il codice ActionScript seguente:

    var today:Date = new Date(); 
    var expDate:Date = addDays(today, 14); 
    aTa.text = expDate.toDateString(); 
     
    function addDays(date:Date, days:Number):Date { 
    return addHours(date, days*24); 
    } 
     
    function addHours(date:Date, hrs:Number):Date { 
    return addMinutes(date, hrs*60); 
    } 
     
    function addMinutes(date:Date, mins:Number):Date { 
    return addSeconds(date, mins*60); 
    } 
     
    function addSeconds(date:Date, secs:Number):Date { 
    var mSecs:Number = secs * 1000; 
    var sum:Number = mSecs + date.getTime(); 
    return new Date(sum); 
    }
  5. Selezionare Controllo > Prova filmato.

Creare un'istanza del componente Label mediante ActionScript

Nell'esempio seguente viene creato un componente Label mediante ActionScript. Viene usato per identificare la funzione di un componente ColorPicker e la proprietà htmlText per applicare la formattazione al testo di Label.

  1. Create un nuovo documento Flash (ActionScript 3.0).

  2. Trascinate il componente Label dal pannello Componenti al pannello Libreria del documento corrente.

  3. Trascinate il componente ColorPicker dal pannello Componenti al pannello Libreria del documento corrente.

  4. Aprite il pannello Azioni, selezionate il fotogramma 1 nella linea temporale principale, quindi immettete il codice ActionScript seguente:

    import fl.controls.Label; 
    import fl.controls.ColorPicker; 
     
    var aLabel:Label = new Label(); 
    var aCp:ColorPicker = new ColorPicker(); 
     
    addChild(aLabel); 
    addChild(aCp); 
     
    aLabel.htmlText = '<font face="Arial" color="#FF0000" size="14">Fill:</font>'; 
    aLabel.x = 200; 
    aLabel.y = 150; 
    aLabel.width = 25; 
    aLabel.height = 22; 
     
    aCp.x = 230; 
    aCp.y = 150;
  5. Selezionare Controllo > Prova filmato.