Die Label-Komponente (eine Bezeichnung) zeigt eine einzelne Textzeile an, normalerweise, um ein anderes Element oder eine Aktivität auf einer Webseite zu kennzeichnen. Sie können festlegen, dass eine Bezeichnung mit HTML formatiert wird, um die Textformatierungs-Tags von HTML nutzen zu können. Sie können auch die Ausrichtung und Größe der Bezeichnung steuern. Label-Komponenten haben keine Ränder, können keinen Fokus erhalten und übermitteln keine Ereignisse.
Die Änderungen an den Parametern der einzelnen Label-Instanzen, die beim Authoring im Eigenschaften- oder Komponenten-Inspektor vorgenommen werden, werden jeweils in einer Live-Vorschau angezeigt. Wegen des fehlenden Rahmens müssen Sie beim Authoring einen Textinhalt mit dem Parameter „text“ zuweisen, um eine Bezeichnung in der Live-Vorschau sichtbar zu machen.
Benutzerinteraktion mit der Label-Komponente
Verwenden Sie eine Label-Komponente, um eine Beschriftung für eine andere Komponente in einem Formular, wie z. B. „Name:“, zu erstellen, und zwar links von einem Texteingabefeld, in das der Benutzername eingetragen werden kann. Die Verwendung einer Label-Komponente hat gegenüber einem einfachen Textfeld den Vorteil, dass Stile eingesetzt werden können und somit ein einheitliches Erscheinungsbild entsteht.
Wenn Sie eine Label-Komponente drehen wollen, müssen Sie die Schriften einbetten, da sie sonst beim Testen des Films nicht angezeigt werden.
Parameter der Label-Komponente
Die folgenden Authoring-Parameter können für jede Instanz einer Label-Komponente im Eigenschaften- oder Komponenteninspektor festgelegt werden:
autoSize
,
condenseWhite
,
selectable
,
text
und
wordWrap
. Jeder dieser Parameter verfügt über eine entsprechende ActionScript-Eigenschaft mit demselben Namen. Informationen zu den möglichen Werten für diese Parameter finden Sie im Abschnitt zur Label-Klasse im
ActionScript 3.0 Referenzhandbuch
für Flash Professional
.
Erstellen einer Anwendung mit der Label-Komponente
Im Folgenden wird erläutert, wie Sie einer Anwendung beim Authoring eine Label-Komponente hinzufügen. In dem Beispiel wird in der label-Komponente einfach der Text „Expiration Date“ angezeigt.
-
Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).
-
Ziehen Sie eine Label-Komponente vom Bedienfeld „Komponenten“ auf die Bühne und geben Sie im Eigenschafteninspektor die folgenden Werte ein:
-
Geben Sie als Instanznamen
aLabel
ein.
-
Geben Sie als Breite (B) den Wert
80
ein.
-
Geben Sie
100
als X-Wert ein.
-
Geben Sie
100
als Y-Wert ein.
-
Geben Sie
Expiration Date
für den Parameter
text
ein.
-
Ziehen Sie eine TextArea-Komponente auf die Bühne und geben Sie im Eigenschafteninspektor die folgenden Werte ein:
-
Geben Sie als Instanznamen
aTa
ein.
-
Geben Sie als Höhe (H) den Wert
22
ein.
-
Geben Sie
200
als X-Wert ein.
-
Geben Sie
100
als Y-Wert ein.
-
Öffnen Sie das Bedienfeld „Aktionen“, wählen Sie in der Hauptzeitleiste Bild 1 aus und geben Sie den folgenden ActionScript-Code ein:
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);
}
-
Wählen Sie „Steuerung“ > „Film testen“.
Erstellen einer Label-Komponenteninstanz mithilfe von ActionScript-Code
Im folgenden Beispiel wird mithilfe von ActionScript ein Label-Parameter erstellt. Die Beschriftung soll die Funktion einer ColorPicker-Komponente identifizieren und mithilfe der Eigenschaft
htmlText
erhält der Beschriftungstext die Möglichkeit zur Formatierung.
-
Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).
-
Ziehen Sie die Label-Komponente vom Bedienfeld „Komponenten“ in das Bedienfeld „Bibliothek“ des aktuellen Dokuments.
-
Ziehen Sie die ColorPicker-Komponente vom Bedienfeld „Komponenten“ in das Bedienfeld „Bibliothek“ des aktuellen Dokuments.
-
Öffnen Sie das Bedienfeld „Aktionen“, wählen Sie in der Hauptzeitleiste Bild 1 aus und geben Sie den folgenden ActionScript-Code ein:
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;
-
Wählen Sie „Steuerung“ > „Film testen“.
|
|
|