Använda komponenten Label

Med komponenten Label visas en rad med text, vanligtvis för att identifiera ett annat element eller en annan aktivitet på en webbsida. Du kan ange att en etikett ska formateras med HTML för att dra nytta av dess textformateringstaggar. Du kan även styra justeringen av och storleken på en etikett. Label-komponenter har inga kantlinjer, kan inte sättas i fokus och sänder inga händelser.

En direktförhandsvisning av varje Label-förekomst reflekterar ändringar som gjorts på parametrar i egenskapsinspektören eller komponentinspektören vid redigeringen. Etiketten har ingen kant, så det enda sättet att se den i direktförhandsvisning är att ange etikettens textparameter.

Använda komponenten Label

Använd Label-komponenten för att skapa en textetikett för en annan komponent i ett formulär, till exempel etiketten ”Namn:” till vänster om ett TextInput-fält där ett användarnamn ska anges. Det är praktiskt att använda en Label-komponent i stället för ett vanligt textfält, eftersom du kan använda stilar för att få ett konsekvent grafiskt utseende och känsla.

Om du vill rotera en Label-komponent måste du aktivera teckensnitten, annars visas de inte när du testar filmen.

Label-komponentparametrar

Du kan ställa in följande utvecklingsparametrar i egenskapsinspektören eller komponentinspektören för varje förekomst av Label-komponenten: autoSize , condenseWhite , selectable , text och wordWrap . Var och en av de här parametrarna har en motsvarande ActionScript-egenskap med samma namn. Information om möjliga värden på de här parametrarna finns i avsnittet om klassen Label i Referenshandbok för ActionScript 3.0 i Adobe Flash Professional .

Skapa ett program med komponenten Label

I proceduren nedan beskrivs hur du lägger till en Label-komponent i ett program när du redigerar. I det här exemplet visar etiketten texten Förfallodatum.

  1. Skapa ett nytt Flash-dokument (ActionScript 3.0).

  2. Dra en Label-komponent från panelen Komponenter till scenen och ge den följande värden i egenskapsinspektören:

    • Ange aLabel som förekomstnamn.

    • Ange 80 som W-värde.

    • Ange 100 som X-värde.

    • Ange 100 som Y-värde.

    • Ange Förfallodatum som text -parameter.

  3. Dra en TextArea-komponent till scenen och ge den följande värden i egenskapsinspektören:

    • Ange aTa som förekomstnamn.

    • Ange 22 som H-värde.

    • Ange 200 som X-värde.

    • Ange 100 som Y-värde.

  4. Öppna åtgärdspanelen, markera bildruta 1 i huvudtidslinjen och ange följande ActionScript-kod: 

    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. Välj Kontroll > Testa filmen.

Skapa en förekomst av en Label-komponent med ActionScript

Med följande exempel skapas en Label-parameter med ActionScript. En Label används för att identifiera funktionen för en ColorPicker-komponent och egenskapen htmlText används för att formatera Label-texten.

  1. Skapa ett nytt Flash-dokument (ActionScript 3.0).

  2. Dra Label-komponenten från panelen Komponenter till det aktuella dokumentets bibliotekspanel.

  3. Dra ColorPicker-komponenten från panelen Komponenter till det aktuella dokumentets bibliotekspanel.

  4. Öppna åtgärdspanelen, markera bildruta 1 i huvudtidslinjen och ange följande ActionScript-kod: 

    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. Välj Kontroll > Testa filmen.