User manual MACROMEDIA FLASH 8-GETTING STARTED WITH FLASH LITE

[. . . ] Getting Started with Flash Lite Trademarks 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Endocer, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev, and WebHelp are either registered trademarks or trademarks of Macromedia, Inc. and may be registered in the United States or in other jurisdictions including internationally. Other product names, logos, designs, titles, words, or phrases mentioned within this publication may be trademarks, service marks, or trade names of Macromedia, Inc. or other entities and may be registered in certain jurisdictions including internationally. [. . . ] For a stand-alone Flash Lite application running in full-screen mode on a Nokia Series 60 device, the available Stage size is 176 x 208. Your Flash document's Stage size should always match the available Stage area; otherwise, Flash Lite will scale the SWF to fit the available Stage area. For more information, see "About screen size and available Stage size (Flash Professional Only)" in Developing Flash Lite Applications. Available Stage area for the selected device and content type. c. Select the Nokia folder and click the Add button to add all the devices in that folder to your list of test devices. Hello World Flash Lite application (Flash Professional Only) 21 5. Open the Document Properties dialog box (Modify > Document), set the Stage width to 176 and the Stage height to 208, and then click OK. Remember that these dimensions match those indicated by the Available Stage property in the Device Settings dialog box. 6. 7. Select the Text tool in the Tools panel, and drag a text box on the Stage. Select Control > Test Movie to view your application in the Flash Lite emulator. 8. To view your application in another device, select Nokia 6670 from the Test Device pop-up menu. 22 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 messaging in-box over Bluetooth® wireless technology or an infrared connection. As of this writing, the stand-alone player is available globally for the following platforms and devices: Series 60 platform: Nokia 3600, 3620, 3650, 3660, 6260, 6600, 6620, 6630, 6670, 6680, 6681, 7610, N-Gage, N-Gage QD Sendo X Siemens SX1 Sony Ericsson P900, P910 UIQ platform: If you're a developer, you can purchase the stand-alone Flash Lite 1. 1 player for these supported devices from the Macromedia online store at www. macromedia. com/store/. For a list of commonly asked questions about purchasing the stand-alone player, see the Flash Lite 1. 1 FAQ at www. macromedia. com/go/bb660cc2/. For help installing the player, see TechNote 4632f5aa at www. macromedia. com/go/4632f5aa. About the stand-alone Flash Lite player 23 24 Flash Lite Overview CHAPTER 2 Creating a Flash Lite Application (Flash Professional Only) In this section, you'll develop a Macromedia 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é application overview (Flash Professional Only). 27 2 Café application overview (Flash Professional Only) The café application's initial screen contains some introductory text about the restaurant and a menu listing two options: Specials and Reservations. The user selects a menu item by pressing the Up and Down arrows on their device to set the focus, and then pressing the Select key to confirm the selection. The café application's main screen 25 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). The cafe application's specials screen If the user selects the Reservations option on the main screen, the application initiates a phone call to the restaurant. Before Flash Lite dials the requested number, it always asks the user to confirm that they would like to make the call. Viewing the completed application (Flash Professional Only) A completed version of the café application is installed with Flash. You can view the completed application in the Flash Lite emulator, or if you have the stand-alone version of Flash Lite 1. 1 installed on a mobile device, you can transfer the SWF file to your device to view it there. To view the completed application in the emulator: 1. In Macromedia Flash Professional 8, open the file named cafe_tutorial_complete. fla located in the /Samples and Tutorials/ Tutorial Assets/Flash Lite/Cafe/ folder where you installed Flash Professional 8 (for example, C:/Program Files/Macromedia/Flash 8/ Samples and Tutorials/Tutorial Assets/Flash Lite/Cafe/). Choose Control > Test Movie to start the application in the emulator. 2. 26 Creating a Flash Lite Application (Flash Professional Only) 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 Right soft key (Next) on the emulator to view the image and description for each special. Back on the main screen, select the Reservations menu item to start a phone call to the restaurant. Creating the application (Flash Professional Only) This section contains step-by-step procedures that show you how to recreate the cafe application. The tutorial is divided into three parts: Selecting your test devices and content types. [. . . ] The layer immediately below it is linked to the mask layer, and its contents show through the filled area on the mask. For more information about working with mask layers in Flash, see "Using mask layers" in Using Flash. Mask layer Masked layer 17. Masked region on the Stage Creating the application (Flash Professional Only) 35 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 (Flash Professional Only)" on page 36), you'll add ActionScript that stops the animation at each keyframe, as well as user interface elements that let the user navigate between images. Adding navigation and text to the specials screen (Flash Professional Only) In this section, you'll add interactivity to the specials screen that lets the user control the transition between each animation. You'll also add dynamic text fields that display the name and description of each image. To add text to display the names and descriptions of the specials: 1. In Flash, open the file you completed in the previous section (see "Creating the menu for the main screen (Flash Professional Only)" on page 29). [. . . ]