Page 5 - Contents
5 Contents Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 What’s new in Flash Lite authoring . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7Guide to instructional media. . . . . . . . . . . . . . . . . . . . . . . . . . . . . ...
Page 7 - Introduction; Adobe Device Central includes an; Adobe Device Central lets you select your test devices; Adobe Flash CS3 Professional includes
7 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 pre...
Page 8 - Guide to instructional media; Getting Started with Flash Lite 1.x
8 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 ...
Page 9 - Additional resources; Italic font; Bold font
Typographical conventions 9 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 www.adobe.com/ go/developer_flashlite . For TechNotes, ...
Page 11 - Flash Lite Overview; This chapter contains the following topics:; About Flash Lite technology; The rendering engine handles all vector and; Flash Lite supports the version of the
11 1 CHAPTER 1 Flash Lite Overview This chapter contains the following topics: About Flash Lite technology . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11 Flash Lite 1.x availability . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 About Flash Lite cont...
Page 12 - Developing; Flash Lite 1.0 and Flash Lite 1.1 both support device audio; Flash Lite 1.1 supports the ability to load external; Flash Lite provides access to several; Flash Lite 1.x availability
12 Flash Lite Overview Text and fonts Flash Lite supports static, dynamic, and input text fields. 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 Fon...
Page 13 - that support Flash Lite include the Symbian; that support Flash Lite comprise a larger; About Flash Lite content types; The device or devices on which the content will be running, or
About Flash Lite content types 13 Globally available devices that support Flash Lite include the Symbian 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...
Page 14 - Developing Flash Lite 1.x Applications; Different; Adobe Flash CS3; This
14 Flash Lite Overview 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...
Page 15 - Flash Lite authoring features; Using Flash; lets you test your content as it will run and appear
Flash Lite authoring features 15 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 feat...
Page 16 - contains a section that provides information; provide a starting point for you to create different
16 Flash Lite Overview The Property inspector contains a section that provides information 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 Settin...
Page 17 - “Flash Lite; To create a new document from a Flash Lite template:; Select the Templates tab in the New Document dialog box.
Using Flash Lite document templates 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 categor...
Page 18 - Chapter 2, “Creating a Flash; To configure and create a simple Flash Lite application:
18 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 we...
Page 19 - Type
Hello World Flash Lite application 19 6. 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. 7. Select Control > Test Movie to export your application to Adobe Device Central and view your application in the Adob...
Page 20 - Sendo X
20 Flash Lite Overview About the stand-alone Flash Lite player The stand-alone Flash Lite 1.1 player is an application that allows you to open and view SWF files that reside on your device’s memory card, that you browse to in your device’s mobile web browser, or that you receive in your device’s mes...
Page 21 - Café application overview; The caf
21 2 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 foll...
Page 22 - The cafe application’s specials screen; To view the completed application in Adobe Device Central:
22 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 p...
Page 23 - To interact with the application, do the following:; Creating the application; This section contains the following topics:
Creating the application 23 3. 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 Righ...
Page 24 - “Hello World Flash Lite application” on page 9; Creating the menu for the main screen; event; To create the main screen’s menu:; In Flash, open the file you saved in the previous section (see
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 th...
Page 25 - “Creating the specials screen”
Creating the application 25 4. Drag an instance of the button symbol named Reservations to the Stage and position it below the Specials button, as the following image shows: 5. Select the Specials button, and open the Actions panel (Window > Actions). 6. Add the following code to the Actions pane...
Page 26 - Open the Actions panel and enter the following code:
26 Creating a Flash Lite Application 10. 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 pla...
Page 27 - Creating the specials screen; An animation that transitions between images of each special.; Creating the image animation
Creating the application 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 29 - To create the image animation:; “Creating the menu
Creating the application 29 To create the image animation: 1. Open the file you saved in the previous section (see “Creating the menu for the main screen” on page 24 ). 2. In the Timeline, select the keyframe on Frame 10 on the layer named Images. 3. Open the Library panel, and drag the symbol named...
Page 30 - Insert a keyframe on Frame 10 of the new mask layer.
30 Creating a Flash Lite Application 13. 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). 14. Insert a keyframe on Frame 10 of the new mask layer. 15. Using the Rectangle tool in...
Page 31 - “Adding navigation and text to the specials screen”; Adding navigation and text to the specials screen; In Flash, open the file you completed in the previous section (see
Creating the application 31 18. 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 ), yo...
Page 32 - title
32 Creating a Flash Lite Application 4. 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. ■ Set the font size to 10...
Page 33 - Open the Actions panel and add the following code:
Creating the application 33 9. 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()...
Page 34 - To add navigation to the specials screen:
34 Creating a Flash Lite Application To add navigation to the specials screen: 1. Open the file you completed in the previous section. 2. In the Library panel (Window > Library), locate the symbol named Home and drag it to the lower-left corner of the Stage. 3. In the Property inspector, set the ...
Page 37 - Index
37 Index A Adobe Device Central emulator 15availability of Flash Lite 12available Stage size 18 C Cafe Townsend application about 21creating navigation 31creating the main menu 24creating the specials animation 27creating the specials screen 27 content types 13creating navigation creating a key catc...