|
In de component Label wordt één regel tekst weergegeven, doorgaans om een ander element of activiteit op een webpagina te identificeren. U kunt opgeven dat een label met HTML wordt opgemaakt om voordeel te doen van de tekstopmaaktags. U kunt ook de uitlijning en grootte van een label bepalen. Componenten Label hebben geen randen, kunnen geen focus krijgen en zenden geen gebeurtenissen uit.
Een live voorvertoning van elke instantie Label geeft direct wijzigingen weer in parameters in Eigenschapcontrole of Componentcontrole tijdens het ontwerpen. Aangezien de label geen rand heeft, kan de live voorvertoning alleen worden weergegeven wanneer de tekstparameter wordt ingesteld.
Gebruikersinteractie met de component Label
Gebruik een component Label om een tekstlabel voor een andere component in een formulier te maken, zoals het label ‘Naam:‘ links van een veldTextInput waarin een gebruiksnaam kan worden ingevoerd. Het is raadzaam een component Label in plaats van een standaardtekstveld te gebruiken omdat u zo stijlen kunt gebruiken om een consequent uiterlijk aan te houden.
Als u een component Label wilt roteren, moet u de lettertypen insluiten, zoniet wordt deze niet weergegeven wanneer u de film test.
Parameters van de component label
U kunt in Eigenschapcontrole of Componentcontrole de volgende ontwerpparameters instellen voor elke instantie van de component CheckBox:
autoSize
,
condenseWhite
,
selectable
,
text
en
wordWrap
. Elk van deze parameters heeft een bijbehorende ActionScript-eigenschap met dezelfde naam. Zie de klasse Label in de
Naslaggids voor ActionScript 3.0
voor Adobe Flash Professional CS5
voor informatie over de mogelijk waarden voor deze parameters.
Een toepassing met de component Label maken
De volgende procedure laat zien hoe u een component Label tijdens het ontwerpen aan een toepassing kunt toevoegen. In dit voorbeeld geeft het label alleen de tekst 'Expiration Date' weer.
-
Maak een nieuw Flash-document (ActionScript 3.0).
-
Sleep een component Label van het deelvenster Componenten naar het werkgebied en voer de volgende waarden voor deze component in Eigenschapcontrole in:
-
Voer bij de instantienaam
aLabel
in.
-
Voer
80
in voor de waarde W.
-
Voer
100
in voor de waarde X.
-
Voer
100
in voor de waarde Y.
-
Voer
Expiration Date
in voor de parameter
text
.
-
Sleep een component TextArea naar het werkgebied en voer de volgende waarden voor deze component in Eigenschapcontrole in:
-
Voer bij de instantienaam
aTa
in.
-
Voer
22
in voor de waarde H.
-
Voer
200
in voor de waarde X.
-
Voer
100
in voor de waarde Y.
-
Open het deelvenster Handelingen, selecteer frame 1 van de hoofdtijdlijn en voeg de volgende ActionScript-code toe:
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);
}
-
Selecteer Besturing > Film testen.
Een componentinstantie Label maken met ActionScript
Het volgende voorbeeld maakt met ActionScript een parameter Label. Het gebruikt Label om de functie van een component ColorPicker te identificeren en de eigenschap
htmlText
om opmaak op de tekst van Label toe te passen.
-
Maak een nieuw Flash-document (ActionScript 3.0).
-
Sleep een component Label van het deelvenster Componenten naar het deelvenster Bibliotheek van het huidige document.
-
Sleep een component ColorPicker van het deelvenster Componenten naar het deelvenster Bibliotheek van het huidige document.
-
Open het deelvenster Handelingen, selecteer frame 1 van de hoofdtijdlijn en voeg de volgende ActionScript-code toe:
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;
-
Selecteer Besturing > Film testen.
|
|
|