Flash CS3 Documentation

Developing Flash Lite 1.x Applications > Working with Text and Fonts > Text field example application

Text field example application

This section describes how to create a simple application that uses static, dynamic, and input text fields. The application asks the user (using text in a static text field) to provide their name (using an input text field). After they enter their name and select a button, the application shows a message (using a dynamic text field) addressed to the user.

To create a text field example application:

1. In Flash, create a new document from the Flash Lite 1-1 - Symbian Series 60 device template.

   For more information about creating documents from device templates, see Using Flash Lite document templates in Getting Started with Flash Lite 1.x.

2. In the Timeline (Window > Timeline), select the first frame of the layer named ActionScript.
3. Open the Actions panel (Window > Actions).
4. Type stop(); in the Actions panel to stop the playhead on that frame.
5. Select the Text tool in the Tools panel to create a text field on the Stage that contains the text "Your name:".
6. With the new text field selected, in the Property inspector, select Use Device Fonts from the Font Rendering Method pop-up menu.
7. Create a new text field below the first one and, in the Property inspector, select Input Text from the text type pop-up menu, select Use Device Fonts from the Font Rendering Method pop-up menu, type nameVar in the Var text box, and select the Show Border Around Text option.
8. Select Window > Common Libraries > Buttons to open a library of prebuilt button symbols.
9. In the Buttons library, double-click the Circle Buttons folder to open it.
10. Drag an instance of the symbol named "circle button - next" to the Stage.
11. Using the Text tool create another text field at the bottom of the Stage.

    This text field will display a message that contains the name the user enters in the input text field.

12. With the new text field selected, in the Property inspector, type message in the Var text box, select Dynamic from the Text Type pop-up menu, and select Use Device Fonts from the Font Rendering Method pop-up menu.

    The Stage in your application should look similar to the following image:

    
    
    

13. Select the button on the Stage, and open the Actions panel (Window > Actions).
14. Enter the following code in the Actions panel:

    on(press) {
        message = "Hello, " add nameVar;
    }
    

15. Select Control > Test Movie to test the application in the Adobe Device Central emulator.
    1. Press the Down arrow on the emulator's keypad to give the input text field focus.

       
       
       

    2. Press the Select key on the emulator to open the emulator's text input dialog box, and type your name using your computer's keyboard.

       
       
       

    3. Press OK to close the input text dialog box.
    4. Press the Down Arrow key on the emulator's keypad again to give focus to the button, and press the Select key.

       
       
       

Flash CS3