MACROMEDIA FLASH 8-GETTING STARTED WITH FLASH LITE Getting Started
  1. Manuals
  2. Brands
  3. MACROMEDIA Manuals
  4. Software
  5. FLASH 8-GETTING STARTED WITH FLASH LITE
  6. Getting started
MACROMEDIA FLASH 8-GETTING STARTED WITH FLASH LITE Getting Started

MACROMEDIA FLASH 8-GETTING STARTED WITH FLASH LITE Getting Started

Getting started with flash lite
Hide thumbs
Table of Contents

Advertisement

Quick Links

Download this manual
Getting Started with Flash Lite

Advertisement

Table of Contents
loading
Need help?

Need help?

Do you have a question about the FLASH 8-GETTING STARTED WITH FLASH LITE and is the answer not in the manual?

Questions and answers

Related Manuals for MACROMEDIA FLASH 8-GETTING STARTED WITH FLASH LITE

Summary of Contents for MACROMEDIA FLASH 8-GETTING STARTED WITH FLASH LITE

  • Page 1 Getting Started with Flash Lite...
  • Page 2 If you access a third-party website mentioned in this guide, then you do so at your own risk. Macromedia provides these links only as a convenience, and the inclusion of the link does not imply that Macromedia endorses or accepts any responsibility for the content on those third-party sites.

  • Page 3: Table Of Contents

    Contents Introduction ..........5 What’s new in Flash Lite authoring .
  • Page 4 Contents...

  • Page 5: Introduction

    Introduction This manual provides an introduction to Macromedia Flash Lite and the authoring features in Macromedia Flash Professional 8 for Flash Lite developers. What’s new in Flash Lite authoring Flash Professional 8 includes the following new features to help developers...

  • Page 6: Guide To Instructional Media

    Mobile and Devices Developer Center at www.macromedia.com/devnet/devices/. For TechNotes, documentation updates, and links to additional resources in the Flash Lite developer community, see the Macromedia Flash Lite Support Center at www.macromedia.com/support/flashlite/. Introduction...

  • Page 7: Typographical Conventions

    Typographical conventions The following typographical conventions are used in this book: Italic font indicates a value that should be replaced (for example, in a folder path). indicates ActionScript code. Code font indicates an ActionScript parameter. Code font italic Bold font indicates a verbatim entry. Double quotation marks ( ) in code examples indicate delimited ""...
  • Page 8 Introduction...

  • Page 9: Chapter 1: Flash Lite Overview

    About the stand-alone Flash Lite player ..... . 23 About Flash Lite technology Macromedia Flash Lite is a version of Macromedia Flash Player designed for mobile phones. It balances Flash features and capabilities with the processing power and configurations of today’s mass market mobile...

  • Page 10: Flash Lite 1.X Availability

    Some devices come with Flash Lite pre-installed from the device manufacturer or mobile operator, while on others it can be installed after purchase. For the most current list of devices that support Flash Lite, see the Supported Devices page located at www.macromedia.com/mobile/ supported_devices/. Flash Lite Overview...

  • Page 11: About Flash Lite Content Types

    As of this writing, the Flash Lite stand-alone player is not pre-installed on any globally available devices. You can purchase the stand-alone player for development purposes from the Macromedia online store at www.macromedia.com/store/. Regionally available devices that support Flash Lite comprise a larger group of devices than are available globally.

  • Page 12: Workflow For Authoring Flash Lite Applications

    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 Macromedia Flash Professional 8 let you test against multiple devices and different Flash Lite content types. This lets you determine if your application uses features that aren't available for the type of content that you are developing.
  • Page 13 Test the application on your target device or devices This step is important because the emulator doesn’t emulate all aspects of the target device, such as its processor speed, color depth, or network latency. For instance, an animation that runs smoothly on the emulator might not run as quickly on the device, due to its slower processor speed.

  • Page 14: Flash Lite Authoring Features In Flash Professional

    Flash Lite authoring features in Flash Professional 8 (Flash Professional Only) This section discusses the features in Flash Professional 8 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.
  • Page 15 The Device Settings dialog box lets you select the test devices and Flash Lite content type that you want to test against in the Flash Lite emulator. Different devices support different media types (for example, different types of device sound formats) as well as different Flash Lite content types, such as stand-alone player, screensaver, or browser.

  • Page 16: Using Flash Lite Document Templates (Flash Professional Only)

    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 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 two groups: Global Phones and Japanese Phones. The name of each template in each group includes the target Flash Lite platform (Flash Lite 1.0 or Flash Lite 1.1) and the target content type (for example, Browser or Wallpaper).

  • Page 18: Hello World Flash Lite Application (Flash Professional Only)

    Hello World Flash Lite application (Flash Professional Only) In this section, you create a simple Flash Lite application and test it in the Flash Lite emulator. The purpose of this tutorial is to acquaint you with the mobile authoring and testing features in Flash Professional 8 as well as the general workflow for creating Flash Lite content.
  • Page 19 Select the Text tool in the Tools panel, and drag a text box on the Stage. Type Hello, world! in the text box (or whatever text you prefer). Select Control > Test Movie to view your application in the Flash Lite emulator.
  • Page 20 The following procedure results in the same Hello World sample application as the previous one, but demonstrates how to manually configure your document’s settings. To configure and create a simple Flash Lite application manually: Create a new document in Flash Professional 8, and save it as helloworld.fla.
  • Page 21 The bottom of the Device Settings dialog box displays information about the selected device, including the available Stage area. The available Stage size indicates the screen area that your SWF file will occupy on the target device. 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.
  • Page 22 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. Select the Text tool in the Tools panel, and drag a text box on the Stage.

  • Page 23: About The Stand-Alone Flash Lite Player

    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 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/.
  • Page 24 Flash Lite Overview...

  • Page 25: Chapter 2: Creating A Flash Lite Application

    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.

  • Page 26: Viewing The Completed Application (Flash Professional Only)

    SWF file to your device to view it there. To view the completed application in the emulator: 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/).

  • Page 27: Creating The Application (Flash Professional Only)

    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.
  • Page 28 60 devices from Nokia that support the stand-alone version of Flash Lite 1.1. (This is the developer version of Flash Lite available for purchase at the Macromedia online store at www.macromedia.com/store/.) You use the Device Settings dialog box to select the device(s) and content type that you are targeting.
  • Page 29 With the Nokia folder selected, click Add to add all the Nokia Series 60 devices to your list of test devices. When you test your application in the emulator, you’ll be able to test your application against any of your test devices for the selected content type.
  • Page 30 The menu consists of two standard Flash buttons that define up, over, and down states. The user gives focus to one of the buttons by pressing the Up or Down Arrow keys on their device. When a button has focus it displays its over state.
  • Page 31 Add the following code to the Actions panel: on(press) { gotoAndStop("specials"); This event handler code sends the playhead to the frame labeled when the user selects this button. You’ll create the content specials for that frame in the next section (see “Creating the specials screen (Flash Professional Only)”...
  • Page 32 To test your work so far, select Control > Test Movie. In the emulator, click the Up or Down Arrow keys on the keypad with your mouse (or press the Up or Down Arrow keys on your computer’s keyboard) to give focus to the Specials button. When the Specials button item gets focus, you will see the button’s over state.
  • Page 33 Creating the image animation (Flash Professional Only) In this section you’ll create the tweened animation that transitions between images of each special. When you’ve completed this section, the animation will play through without stopping. Later in the tutorial, you’ll add navigation and ActionScript that lets the user control the animation with the device’s Right soft key.
  • Page 34 To create the image animation: Open the file you saved in the previous section (see “Creating the menu for the main screen (Flash Professional Only)” on page 29). In the Timeline, select the keyframe on Frame 10 on the layer named Images.
  • Page 35 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 palette, create a rectangle over the first (top-most) image in the images movie clip.
  • Page 36 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)”...
  • Page 37 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. Select Bitmap (no anti-alias) from the Font Rendering Method pop-up menu.
  • Page 38 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 39 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 40 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. Key catcher button Work area The purpose of this button is to “catch” ActionScript keypress events initiated by the user, and then take the appropriate action.
  • Page 41 Index technology overview 9 Flash Lite authoring features availability of Flash Lite 10 device settings 14 available Stage size 18 emulator 14 Flash Lite content types 11 Flash Lite emulator 14 Cafe Townsend application about 25 creating navigation 36 Hello World application 18 creating the main menu 29 creating the specials animation 33 creating the specials screen 32...
  • Page 42 Index...

This manual is also suitable for:

Flash 8

Table of Contents