Page 3
laws of the United States. Adobe Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741.
Introduction This manual provides an introduction to Macromedia® Flash® Lite™ 1.x from Adobe and describes how to test your content using the Adobe® Device Central CS3 emulator, which is part of Adobe® Flash® CS3 Professional. The primary difference between using Flash Lite in Flash CS3 and in previous versions of Flash is that the Flash Lite emulator is now part of Device Central.
Introduction Guide to instructional media The Flash Lite documentation package includes the following media to help you learn how to create Flash Lite applications: Getting Started with Flash Lite 1.x provides an overview of Flash Lite 1.x ■ technology and developing Flash Lite content for mobile devices. It also includes a step-by-step tutorial for creating a Flash Lite 1.x application.
Additional resources For the latest information on developing Flash Lite applications, plus advice from expert users, advanced topics, examples, tips, and other updates, see the Mobile and Devices Developer Center at go/developer_flashlite. For TechNotes, documentation updates, and links to additional resources in the Flash Lite developer community, see the Adobe Flash Lite Support Center at www.adobe.com/go/support_flashlite.
Flash Lite supports static, dynamic, and input text fields. Text and fonts You can use fonts that are available on the device or embed font data in your published SWF file. For more information about using text and fonts in Flash Lite, see Chapter 2, “Working with Text and Fonts” in Developing Flash Lite 1.x Applications.
Globally available devices Series 60-based devices from Nokia, Sendo, and Seimens, and the Symbian UIQ-based devices from Sony-Ericcson. As of this writing, all globally available devices support only the stand-alone Flash Lite player. The stand- alone player installs as a “top-level” application that a user can start from the device’s application menu (just like a text messaging application or a...
Each Flash Lite content type, paired with a specific device, defines a specific set of Flash Lite features that are available to your application. For example, a Flash application that's running as a screen saver is not typically allowed to make network connections or download data. The Flash Lite testing features in Flash let you test against multiple devices and different Flash Lite content types.
The following figure illustrates the iterative development and testing process described above. Flash Lite authoring features This section discusses the features in Flash designed specifically for Flash Lite developers. With the exception of the device templates feature, the following features are only available when your document’s Version setting on the Flash tab of the Publish Setting dialog box is set to either Flash Lite 1.0 or Flash Lite 1.1.
contains a section that provides information The Property inspector about your current device settings, as well as a button that lets you open the Device Settings dialog box. This button is active only when your document’s Version setting on the Flash tab of the Publish Setting dialog box is set to Flash Lite 1.0 or Flash Lite 1.1.
Page 17
As the following figure shows, Flash Lite document templates are organized into several groups, including Global Handsets and Japanese Handsets. The name of each template in each group includes the target device name and screen size. The Global Handsets category contains templates for creating full-screen applications for the stand-alone Flash Lite 1.1 player on Series 60 and UIQ platforms.
Flash Lite Overview Hello World Flash Lite application In this section, you create a simple Flash Lite application and test it in the Adobe Device Central emulator. The purpose of this tutorial is to acquaint you with the mobile authoring and testing features in Adobe Flash CS3 Professional as well as the general workflow for creating Flash Lite content.
Page 19
In the Tools panel, select the Text tool and drag to create a text box on the Stage. Type Hello, world! (or other text) in the text box. Select Control > Test Movie to export your application to Adobe Device Central and view your application in the Adobe Device Central emulator.
■ Siemens SX1 ■ UIQ platform: Sony Ericsson P900, P910 ■ If you’re a developer, you can purchase the stand-alone Flash Lite 1.1 player for these supported devices from the Adobe online store at www.adobe.com/go/store. For a list of commonly asked questions about purchasing the stand-alone player, see the Flash Lite 1.1 FAQ at...
CHAPTER 2 Creating a Flash Lite Application In this section, you’ll develop an Adobe Flash Lite application that promotes a fictional restaurant called Café Townsend. Users can view a list of specials at the restaurant and call the restaurant to make reservations. This chapter contains the following topics: Café...
Creating a Flash Lite Application If the user selects the Specials menu option, a screen for navigating a list of today’s specials appears. To browse images and descriptions of the specials, the user presses the device’s Right soft key (labeled Next). To return to the main application, the user presses the Left soft key (labeled Home).
To interact with the application, do the following: On the main screen, click the Down Arrow key on the emulator’s ■ keypad to select the Specials menu item. Then click the Select key on the emulator to view the specials screen. On the specials screen, click the Right soft key (Next) on the ■...
Page 24
Creating a Flash Lite Application Selecting your test devices and content type You use Device Central to select the devices and content type that you are targeting. When you test your application in the Adobe Device Central emulator, the emulator configures itself to match the configuration of the player on the target device as well as the content type.
Page 25
Drag an instance of the button symbol named Reservations to the Stage and position it below the Specials button, as the following image shows: Select the Specials button, and open the Actions panel (Window > Actions). Add the following code to the Actions panel: on(press) { gotoAndStop("specials");...
Page 26
Creating a Flash Lite Application Open the Actions panel and enter the following code: stop(); _focusRect = false; fscommand2("resetsoftkeys"); fscommand2("setquality", "high"); fscommand2("fullscreen", "true"); This code does the following: Stops the playhead at this frame. ■ Disables the yellow focus rectangle that Flash Lite draws by default ■...
Page 27
Creating the specials screen In this section, you’ll create the user interface elements that let the user browse images and descriptions of each special. The specials screen consists of the following parts: An animation that transitions between images of each special. ■...
Page 28
Creating a Flash Lite Application To create the animation you’ll use a prebuilt movie clip that contains images of all the specials arranged in a vertical column. You’ll use a masking layer to make only one of the images visible. Then you’ll create a series of tweens that move the movie clip upward, so that a different image is visible.
Page 29
To create the image animation: Open the file you saved in the previous section (see for the main screen” on page In the Timeline, select the keyframe on Frame 10 on the layer named Images. Open the Library panel, and drag the symbol named Specials Images movie clip to the Stage.
Page 30
Creating a Flash Lite Application To create the mask layer, select the Images layer in the Timeline, and then select Insert > Timeline > New Layer (or click the Insert Layer button in the Timeline). Insert a keyframe on Frame 10 of the new mask layer. Using the Rectangle tool in the Tools panel, create a rectangle over the first (top-most) image in the images movie clip.
Page 31
Save your changes (File > Save). At this point, if you were to test the application in the emulator, the animation you created would play through to the end and then stop. In the next section (see “Adding navigation and text to the specials screen” on page 31), you’ll add ActionScript that stops the animation at each keyframe, as well as user interface elements that let the user navigate...
Page 32
Creating a Flash Lite Application With the text field selected on the Stage, make the following changes in the Property inspector: Select Dynamic Text from the Text Type pop-up menu. ■ Select Verdana from the Font pop-up menu. ■ Select the Italics text style option. ■...
Page 33
Open the Actions panel and add the following code: title = "Summer salad"; description = "Butter lettuce with apples, blood orange segments, gorgonzola, and raspberry vinaigrette."; fscommand2("SetSoftKeys", "Home", "Next"); stop(); This code displays the name and description of the special that the user is currently viewing, and stops the playhead.
Page 34
Creating a Flash Lite Application To add navigation to the specials screen: Open the file you completed in the previous section. In the Library panel (Window > Library), locate the symbol named Home and drag it to the lower-left corner of the Stage. In the Property inspector, set the Home graphic’s x coordinate to 0 and its y coordinate to 188.
Page 35
From the Library, drag the Key Catcher button symbol and place it in the work area off the Stage. To view the work area, in Flash choose View > Work Area. The purpose of this button is to “catch” ActionScript keypress events initiated by the user, and then take the appropriate action.
Page 37
Index Adobe Device Central emulator 15 availability of Flash Lite 12 available Stage size 18 Cafe Townsend application about 21 creating navigation 31 creating the main menu 24 creating the specials animation 27 creating the specials screen 27 content types 13 creating navigation creating a key catcher button 31 using buttons 24...
Need help?
Do you have a question about the sony and is the answer not in the manual?
Questions and answers