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.”
-
Create un nuovo documento Flash (ActionScript 3.0).
-
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
.
-
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.
-
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);
}
-
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.
-
Create un nuovo documento Flash (ActionScript 3.0).
-
Trascinate il componente Label dal pannello Componenti al pannello Libreria del documento corrente.
-
Trascinate il componente ColorPicker dal pannello Componenti al pannello Libreria del documento corrente.
-
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;
-
Selezionare Controllo > Prova filmato.
|
|
|