Flash CS3 Documentation

Using ActionScript 3.0 Components > Using the UI Components > Using the Label > Creating an application with the Label

Creating an application with the Label

The following procedure explains how to add a Label component to an application while authoring. In this example, the label simply displays the text "Expiration Date".

To create an application with the Label component:

1. Create a new Flash file (ActionScript 3.0) document.
2. Drag a Label component from the Components panel to the Stage and give it the following values in the Property inspector:
   • Enter aLabel for the instance name.
   • Enter 80 for the W value.
   • Enter 100 for the X value.
   • Enter 100 for the Y value.
   • Enter Expiration Date for the text parameter.
3. Drag a TextArea component to the Stage and give it the following values in the Property inspector:
   • Enter aTa for the instance name.
   • Enter 22 for the H value.
   • Enter 200 for the X value.
   • Enter 100 for the Y value.
4. Open the Actions panel, select Frame 1 in the main Timeline, and enter the following ActionScript code:

   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. Select Control > Test Movie.

The following example creates a Label parameter using ActionScript. It uses a Label to identify the function of a ColorPicker component and it uses the htmlText property to apply formatting to the Label's text.

To create a Label component instance using ActionScript:

1. Create a new Flash file (ActionScript 3.0) document.
2. Drag the Label component from the Components panel to the current document's Library panel.
3. Drag the ColorPicker component from the Components panel to the current document's Library panel.
4. Open the Actions panel, select Frame 1 in the main Timeline, and enter the following ActionScript code:

   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. Select Control > Test Movie.

Flash CS3