Arbeiten mit der Label-Komponente

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.

  1. Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).

  2. 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.

  3. 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.

  4. Ö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); 
    }
  5. 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.

  1. Erstellen Sie ein neues Flash-Dokument (ActionScript 3.0).

  2. Ziehen Sie die Label-Komponente vom Bedienfeld „Komponenten“ in das Bedienfeld „Bibliothek“ des aktuellen Dokuments.

  3. Ziehen Sie die ColorPicker-Komponente vom Bedienfeld „Komponenten“ in das Bedienfeld „Bibliothek“ des aktuellen Dokuments.

  4. Ö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;
  5. Wählen Sie „Steuerung“ > „Film testen“.

Rechtliche Hinweise | Online-Datenschutzrichtlinie