De component Label gebruiken

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.

  1. Maak een nieuw Flash-document (ActionScript 3.0).

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

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

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

  1. Maak een nieuw Flash-document (ActionScript 3.0).

  2. Sleep een component Label van het deelvenster Componenten naar het deelvenster Bibliotheek van het huidige document.

  3. Sleep een component ColorPicker van het deelvenster Componenten naar het deelvenster Bibliotheek van het huidige document.

  4. 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;
  5. Selecteer Besturing > Film testen.