<?xml version="1.0" encoding="UTF-8"?>
<book title="Getting Started with Flash Lite 2.x and 3.0" directory="FlashLite2GettingStarted">
   <page href="00004625.html" title="Flash Lite overview " text="Flash Lite overview This manual describes how to develop applications for Macromedia® Flash® Lite&#8482; 2.0 and 2.1 from Adobe® (collectively called 2.x), and Adobe® Flash® Lite 3.0. It also describes how to test your content using the Adobe® Device Central CS3 emulator, which is part of Adobe® Flash® CS3 Professional. Hello World Flash Lite application The Adobe Device Central emulator and device database Workflow for authoring Flash Lite applications About Flash Lite content types Creating a Flash Lite document template " />
   <page href="00004626.html" title="Hello World Flash Lite application" text="During testing in Device Central, you can change the device and content type to see your application on a different platform. To do this, double-click a device in the Available Devices panel and select a new content type from Content Type. When you return to Flash, Flash remembers the settings you last used in the emulator.Hello World Flash Lite applicationThis simple tutorial introduces you to the mobile authoring and testing features in Adobe Flash CS3 Professional, as well as the general workflow for creating content using Flash Lite. In this section, you create a simple Flash Lite application and test it in the Adobe Device Central CS3 emulator. For a more complete sample application, see &quot;Tutorial: Creating a Flash Lite application&quot;.For the purposes of this tutorial, assume that you're developing content for the Flash Lite stand-alone player. The procedure targets a generic device.First, decide which devices and Flash Lite content type you are targeting. Configure and create a simple Flash Lite applicationStart Flash.On the main Flash screen, select Create New &gt; Flash File (Mobile). Flash opens Adobe Device Central and displays the New Document tab.On the New Document tab, select Flash Lite 2.0 in the Player Version box, ActionScript&#8482; 2.0 in the ActionScript Version box, and Standalone Player in the Content Type box. Click Custom Size for All Selected Devices at the bottom of the screen. This allows you to create content for the stand-alone Flash Lite player. Click Create. You are returned to Flash, which creates a new document with preset publish settings and (when you specify a device) the correct size for the device you selected.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 &gt; Test Movie to export your application to Adobe Device Central and view your application in the Adobe Device Central emulator.To return to Flash, select File &gt; Return to Flash." />
   <page href="00004627.html" title="The Adobe Device Central emulator and device database" text="The Adobe Device Central emulator and device databaseThe Adobe Device Central emulator lets you test your content as it will run and appear on an actual device. You can select a different test device or content type and view detailed information about your application. Device Central contains an extensive database of mobile devices from which you can select to create your own test environment. See the Device Central documentation for more information." />
   <page href="00004628.html" title="Workflow for authoring Flash Lite applications" text="Workflow for authoring Flash Lite applicationsCreating Flash Lite content is an iterative process that involves the following steps:Identify your target devices and Flash Lite content type Different devices have different screen sizes, support different audio formats, and have different screen color depths, among other factors. These factors may influence your application's design or implementation. In addition, different devices support different Flash Lite content types, such as screen savers, stand-alone applications, or animated ring tones. The content type for which you are developing also determines the features that are available to your application. For more information, see About Flash Lite content types.Create your application in Flash and test in Adobe Device Central Adobe Flash CS3 Professional includes an emulator on Adobe Device Central that lets you test your application without having to transfer it to a device. You use the emulator to refine your application design and fix any problems before you test it on a mobile device. Test the application on your target device or devices This step is important because the Adobe Device Central emulator doesn't emulate all aspects of the target device, such as its processor speed, color depth, or network latency. For example, an animation that runs smoothly on the emulator might not run as quickly on the device because of its slower processor speed, or a color gradient that appears smooth in the emulator may appear banded when viewed on the actual device. After you test your application on a device, you may find that you need to refine the application's design in the Flash authoring tool. The following illustration shows the iterative development and testing process:" />
   <page href="00004629.html" title="About Flash Lite content types" text="About Flash Lite content typesBefore you start developing a Flash Lite application, you need to know the following:The device or devices on which the content will run (target devices). The Flash Lite player is installed on a variety of devices. For a list of devices that have Flash Lite installed, see the Supported Devices page on the Adobe website at www.adobe.com/go/mobile_supported_devices/. The Flash Lite content types that the target devices support. Each Flash Lite installation supports one or more application modes (content types). For example, some devices use Flash Lite to enable Flash-based screen savers or animated ring tones. Other devices use Flash Lite to render Flash content that is embedded in mobile web pages. Not all content types support all Flash Lite features. 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 is running as a screensaver is not typically allowed to make network connections or download data.The Flash Lite testing features in Adobe Device Central let you test against multiple devices and different Flash Lite content types. This ability lets you determine if your application uses features that aren't available for the type of content that you are developing. For more information about selecting target devices and content types, see &quot;Testing Flash Lite content&quot; in Developing Flash Lite 2.x and 3.0 Applications." />
   <page href="00004630.html" title="Creating a Flash Lite document template" text="Creating a Flash Lite document templateWhen you're developing Flash Lite content, you'll often target the same device, or group of devices, and Flash Lite content type. For example, you might be developing content for the stand-alone Flash Lite player running on the Series 60 devices from Nokia. To facilitate the authoring process, it can be useful to create a template that has the appropriate Stage size, publish settings, test devices, and Flash Lite content type preconfigured for your application.In this section, you'll create a document template that has a Stage size of 176 x 208 and targets the stand-alone Flash Lite 2.0 player. You can use this template to create new documents.Create a new Flash Lite document templateIn Flash, select File &gt; New.On the General tab in the New Document dialog box, select Flash File ( Mobile), and click OK.Select File &gt; Publish Settings to open the Publish Settings dialog box.Click the Flash tab in the Publish Settings dialog box, select Flash Lite 2.0 from the Version pop-up menu, and then select ActionScript 2.0 from the ActionScript Version pop-up menu. Click OK. Select Modify &gt; Document to open the Document Properties dialog box.Type 176 in the Width text box and 208 in the Height text box. Click OK.If desired, enter any code you will typically include for the target device and content type. For example, the following steps add ActionScript to set the content to full screen:Create a new layer by clicking the Insert Layer button at the bottom of the Timeline or selecting Insert &gt; Timeline &gt; Layer.Select the layer name and type ActionScript.Open the Actions panel (Window &gt; Actions) and enter the following code:fscommand2(&quot;FullScreen&quot;, trueSelect Control &gt; Test Movie to open Device Central.Click the Device Profiles tab.In the list of Available Devices, expand the folders to select the desired device(s). Select the desired device and drag it to the desired device set in the Device Sets panel.Select File &gt; Return to Flash to close Device Central and return to your Flash file.Select File &gt; Save As Template to save the document as a template. In the Save As Template dialog box, type Flash Lite 2-0 - Symbian Series 60 in the Name text box.From the Category list, select Global Phones.If desired, enter a description of the template in the Description text box (as many as 255 characters). The description appears when the template is selected in the New Document dialog box.Click Save. After you create and save the template, you can use it to quickly create a new document that has the same publish settings, device settings, and Stage size.Create a new document from the template you just createdIn Flash, select File &gt; New.In the New Document dialog box, select the Templates tab.From the list of available template categories on the left, select Global Phones, which is the name of the category that you specified when you created the template.From the list of templates on the right, select Flash Lite 2-0 - Symbian Series 60, which is the name of the template that you specified when you created the template.Click OK to create the new document.A new document that is configured with the same publish settings, device settings, and Stage size as the template appears." />
   <page href="00004631.html" title="Tutorial: Creating a Flash Lite application" text="Tutorial: Creating a Flash Lite applicationIn this tutorial, 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, watch a video about the chef, and call the restaurant to make reservations. Users also set their preferred location for making reservations using a shared object, which stores their preference between application sessions.Cafe application overview View the completed application Create the application " />
   <page href="00004632.html" title="Cafe application overview" text="Cafe application overviewThe application consists of three screens. The home screen that appears when the application starts contains some introductory text about the restaurant and a menu with three items: Specials, View Video, and Reservations. To select a menu item, the user presses the device's up and down navigation keys to give the desired menu item focus, and then presses the select key to confirm the selection. On this screen, the user can also exit the application by pressing the right soft key, or set the preferred location for making reservations by pressing the left soft key. The home screenOn the specials screen, the user can navigate a list of descriptions and images of the day's lunch specials. To navigate between specials, the user presses the device's right soft key (labeled Next). To return to the application's home screen, the user presses the left soft key (labeled Home).The specials screenTo view a short video about the café, the user selects the View Video menu option on the home screen. The user uses the left soft key to pause and play the video, as well as restart it when the video has finished playing.Video screenIf the user selects the Reservations menu option on the home screen, the application initiates a phone call to the restaurant. By default, it dials the flagship restaurant in San Francisco, but the user can also specify another restaurant location to call by pressing the left soft key (Set Location) located on the application's home screen. On the set location screen, the user can select the restaurant to set as the default location for making reservations. The location information is saved to a shared object, which persists between application sessions. The user can press the left soft key (Save) to save the new location setting, or press the right soft key (Cancel). Screen to set location preference" />
   <page href="00004633.html" title="View the completed application" text="View the completed applicationA completed version of the café application is installed with Flash. You can view the completed application in the Adobe Device Central emulator, or if you have the stand-alone Flash Lite player installed on a mobile device, you can transfer the SWF file to your device to view it there.In Flash, open the file named cafe_tutorial_complete.fla located at www.adobe.com/go/learn_flt_samples_and_tutorials. On the Samples and Tutorials page, locate, download and decompress the .zip file for your Flash Lite version, and then navigate to the Tutorial Assets folder to access the file.Select Control &gt; Test Movie to export the application to Device Central and run it in the Device Central emulator.To interact with the application, do the following:On the home screen, click the down 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. Click the left soft key (Home) to return to the home screen.Select the View Video menu item to watch the video. Click the left soft key (Home) to return to the home screen. You can also click the right soft key (Replay) to view the video again.On the home screen, click the left soft key (Set Location) to go to the screen where you set your location. Select a preferred location for reservations and then click the left soft key (Save) to set the location and return to the home screen (or click Cancel).On the home screen, select the Reservations menu item to start a phone call to the restaurant. Confirm that the phone number the emulator displays matches the location you set on the set location screen." />
   <page href="00004634.html" title="Create the application" text="Create the applicationThis section contains step-by-step procedures that show you how to re-create the café application. The tutorial is divided into the following parts:Creating the menu for the application's home screen. From this screen, the user can select from a simple menu to view images and descriptions of the day's specials, view a video, or to call the restaurant to make a reservation. The user can also press the device's left soft key to go to the Options screen and set a preferred restaurant location. (See Create the menu for the home screen.)Creating the specials screen. On this screen, users can press the device's right soft key to navigate between images and descriptions for each lunch special at the café, or press the left soft key to return to the home screen. (See Create the specials screen.)Creating the video screen. A video plays when this screen loads. Users can press the device's left soft key to return to the home screen, or press the right soft key to restart the video. (See Create the video screen.)Creating the set location screen. On this screen, users can select a preferred location to call for reservations. Pressing the device's left soft key saves the selection and returns the user to the home screen, while pressing the right soft key returns them to the home screen without saving the location setting. (See Create the set location screen.)" />
   <page href="00004635.html" title="Selecting test devices and content type" text="Selecting test devices and content typeYou 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.You specify these settings when you first create your Flash mobile document. For details on creating a new document from scratch, see Hello World Flash Lite application." />
   <page href="00004636.html" title="Create the menu for the home screen" text="Create the menu for the home screenIn this section, you'll create the menu for the application's home screen. The menu consists of three options: Specials, View Video, and Reservations.Open the partially completed source file named cafe_tutorial_start.fla located at www.adobe.com/go/learn_flt_samples_and_tutorials. On the Samples and Tutorials page, locate, download and decompress the .zip file for your Flash Lite version, and then navigate to the Tutorial Assets folder to access the file.In the Timeline window (Window &gt; Timeline), select Frame 1 in the menu layer.To create the menu, open the Library panel (Window &gt; Library), and drag an instance of the button symbol called specials button to the Stage.Position the button beneath the text field (already in place) that introduces the restaurant.With the specials button selected, in the Property inspector, type specials_btn in the Instance Name text box.Drag an instance of the button symbol named video button to the Stage and position it below the specials button.With the video button selected, in the Property inspector, type video_btn in the Instance Name text box.Drag an instance of the button symbol named reservations button to the Stage and position it below the video button.With the reservations button selected, in the Property inspector, type reservations_btn in the Instance Name text box.The Stage of your application should look something like the following example:In the Timeline, select Frame 1 in the layer named ActionScript.Open the Actions panel (Window &gt; Actions) and enter the following code:stop(_focusrect = false;fscommand2(&quot;SetSoftKeys&quot;, &quot;Set Location&quot;, &quot;Exit&quot;fscommand2(&quot;SetQuality&quot;, &quot;high&quot;fscommand2(&quot;Fullscreen&quot;, &quot;true&quot;This code does the following:Stops the playhead at this frame.Disables the focus rectangle that Flash Lite draws by default around the button or input text field with the current focus (see &quot;About the focus rectangle&quot; in Developing Flash Lite 2.x Applications).Registers the soft keys for your application to use.Sets the player's rendering quality to high. By default, Flash Lite renders graphical content at medium quality.Forces the player to display the application full screen. When Flash Lite is in full-screen mode, the labels you specify in the SetSoftKeys command are not visible. For this reason, you must add custom soft-key labels to the Stage.Add the following code to handle button events for the menu buttons, and for selection focus:// Set initial focus when the application// starts and also upon returning to the main// screen from another screen.if (selectedItem == null) { Selection.setFocus (specials_btn} else { Selection.setFocus (selectedItem}// Assign onPress event handlers to each menu button,// and set selectedItem variable to selected button// object:specials_btn.onPress = function () { gotoAndStop (&quot;specials&quot; selectedItem = this;};video_btn.onPress = function () { gotoAndStop (&quot;video&quot; selectedItem = this;};reservations_btn.onPress = function () { if (location_so.data.phoneNumber == undefined) { // User hasn&#39;t specified location so  // go to &quot;set location&quot; screen: gotoAndStop (&quot;options&quot; } else { // Call number in shared object: var phoneNum = location_so.data.phoneNumber; getURL (&quot;tel:&quot; + phoneNum } selectedItem = this;};The onPress event handlers assigned to the buttons named specials_btn and video_btn send the playhead to frames labeled, respectively, &quot;specials&quot; and &quot;video.&quot; You'll create the content for those sections later in the tutorial (see Create the specials screen and Create the video screen).When the user selects the Reservations option, the onPress handler dials the phone number specified in the location_so shared object. (Later in this procedure, you'll create code to create the shared object.) If the user hasn't yet specified a location to call for reservations, the application sends the playhead to the frame labeled &quot;options,&quot; where the user selects the preferred location for making reservations. Now add the following code to create a key listener for the left and right soft keys:Key.removeListener(myListenervar myListener:Object = new Object(myListener.onKeyDown = function() { var keyCode = Key.getCode( if (keyCode == ExtendedKey.SOFT1) { // Handle left soft key event: gotoAndStop(&quot;options&quot; } else if (keyCode == ExtendedKey.SOFT2) { // Handle right soft key event:  fscommand2(&quot;Quit&quot; }};Key.addListener(myListenerThis code uses a key listener object to handle right and left soft key events. When the user presses the left soft key, the playhead is sent to the frame labeled &quot;options,&quot; and the right soft key closes the application.For more information about using event listeners, see &quot;Handle keypress events through a key listener&quot; in Developing Flash Lite 2.x and 3.0 Applications. Finally, add code to initialize the shared object that saves the user's preferred location for making reservations:// Define Shared Object listener function:function so_listener (the_so:SharedObject) { if (the_so.getSize () == 0) { // The shared object doesn&#39;t exist, so the user // hasn&#39;t set a preference yet.  } SharedObject.removeListener (&quot;location&quot;}// Create shared object:location_so = SharedObject.getLocal (&quot;location&quot;// Add SharedObject listener object:SharedObject.addListener (&quot;location&quot;, this, &quot;so_listener&quot;To test your work so far, select Control &gt; Test Movie.At this point you should be able to select a menu item by giving the corresponding button focus, and then pressing the emulator's select key (or the Enter key on your computer keyboard). In the following sections, you'll create the specials and video screens, as well as the screen to specify the default location." />
   <page href="00004637.html" title="Create the specials screen" text="Create the specials screenIn 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. (See Create the image animation.)Dynamic text fields that display the name and description for each special. (See Add navigation and text to the specials screen.)User interface elements that let the user navigate between specials and return to the main application screen. (See Add navigation and text to the specials screen.)This section of the tutorial is divided into two parts. In the first part, you'll create the animation that transitions between images of each special. In the second part, you'll add user interface elements and ActionScript to let the user navigate between the images and to display each special's name and description." />
   <page href="00004638.html" title="Create the image animation" text="Create the image animationIn this section, you'll create the tweened animation that transitions between images of each special. When you've completed this section, the animation plays 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.To create the animation, you'll use a prebuilt movie clip that contains images of all of 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. The last image in the movie clip is a duplicate of the first one, so that the animation sequence can return to its initial state after the user views the final image. These concepts are illustrated in the following example:In the last section of the tutorial, you'll add ActionScript and user interface elements that let the user control the animation sequence.Open the file you saved in Create the menu for the home screen.In the Timeline, select the keyframe in Frame 10 in the layer named Images.Open the Library panel, and drag the symbol named Specials movie clip to the Stage.The rest of this tutorial refers to this movie clip simply as the Images movie clip.With the new movie clip instance selected, set the movie clip's x and y coordinates both to 0 in the Property inspector.This aligns the upper-left corner of the images movie clip with the upper-left corner of the Stage.In the Images layer, insert keyframes in Frames 20, 30, 40, and 50, as the following image shows:In the Timeline, select the keyframe in Frame 20.On the Stage, select the Images movie clip, and set its y coordinate to -100 in the Property inspector.This moves the movie clip upward on the Stage 100 pixels.Select the keyframe in Frame 30 in the Timeline, select the images movie clip, and set its y coordinate to -200 in the Property inspector.Select the keyframe in Frame 40, select the images movie clip, and set its y coordinate to -300 in the Property inspector.Select the keyframe in Frame 50, select the images movie clip, and set its y coordinate to -400 in the Property inspector.Select the keyframe in Frame 10, and select Motion from the Tween pop-up menu in the Property inspector.This tweens the Images movie clip's position between the keyframes in Frames 10 and 20.To create transitions between the other images, repeat step 11 for the keyframes located in Frames 20, 30, and 40.To create the mask layer, select the Images layer in the Timeline, and then select Insert &gt; Timeline &gt; Layer (or click Insert Layer in the Timeline).Insert a keyframe in Frame 10 of the new mask layer.Using the Rectangle tool in the Tools palette, create a rectangle over the first (uppermost) image in the Images movie clip.It doesn't matter what fill color you use for the rectangle, but it must be completely opaque.To make sure the rectangle covers the entire image area, double-click the rectangle to select it, and then use the Property inspector to set its x and y coordinates both to 0, its width to 176, and its height to 100.Right-click (Windows®) or Control-click (Macintosh®) the Image Mask layer in the Timeline, and select Mask from the context menu.The layer is converted to a mask layer, indicated by a mask layer icon. 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 the mask layers sections in Using Flash.Save your changes (File &gt; 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 Add navigation and text to the specials screen, you'll add ActionScript that stops the animation at each keyframe, as well as user interface elements that let the user navigate between images." />
   <page href="00004639.html" title="Add navigation and text to the specials screen" text="Add navigation and text to the specials screenIn 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. In Flash, open the file you completed in Create the menu for the home screen.In the Timeline, select Frame 10 in the Text layer.In the Tools palette, select the Text tool and create a text field below the first masked-specials image.This text field displays the name of the special whose image is shown on the screen. 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.Type title_txt in the Instance Name text box.Select the Italics text style option.Set the font size to 10.Select Use Device Fonts from the Font Rendering Method pop-up menu.Create another text field below the first text field to display a short description of the specials that the user is viewing.Using the Selection tool, resize the new text field so that it's about three times as tall as the text field above it.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.Type description_txt in the Instance Name text box.Select Multiline from the Line Type pop-up menu.Set the font size to 10.Select Use Device Fonts from the Font Rendering Method pop-up menu.In the Timeline, select the keyframe in Frame 10 in the ActionScript layer.Open the Actions panel and add the following code:stop(fscommand2(&quot;SetSoftKeys&quot;, &quot;Home&quot;, &quot;Next&quot;title_txt.text = &quot;Summer Salad&quot;;description_txt.text = &quot;Butter lettuce with apples, blood orange segments, gorgonzola, and raspberry vinaigrette.&quot;;This code displays the name description of the first special in the two dynamic text fields. It also stops the playhead on the current frame, and registers the device's soft keys. In the ActionScript layer, select the keyframe in Frame 20 and enter the following code in the Actions panel:stop(title_txt.text = &quot;Chinese Noodle Salad&quot;;description_txt.text = &quot;Rice noodles with garlic sauce, shitake mushrooms, scallions, and bok choy.&quot;;In the ActionScript layer, select the keyframe in Frame 30 and enter the following code in the Actions panel:stop(title_txt.text = &quot;Seared Salmon&quot;;description_txt.text = &quot;Filet of wild salmon with caramelized onions, new potatoes, and caper and tomato salsa.&quot;;In the ActionScript layer, select the keyframe in Frame 40 and enter the following code in the Actions panel:stop(title_txt.text = &quot;New York Cheesecake&quot;;description_txt.text = &quot;Creamy traditional cheesecake served with chocolate sauce and strawberries.&quot;;In the ActionScript layer, select the keyframe in Frame 50 and enter the following code in the Actions panel:gotoAndStop(&quot;specials&quot;This code returns the playhead to the beginning of the animation sequence. The first and last images in the animation sequence are the same, which creates the illusion of a continuous animation.Save your changes.Next you'll add navigation to the specials screen that lets the user navigate between images and descriptions of each special.Open the file you completed in the previous procedure.In the Timeline, select Frame 10 in the layer named ActionScript.Open the Actions panel and enter the following code:Key.removeListener (myListenervar myListener:Object = new Object (myListener.onKeyDown = function () { var keyCode = Key.getCode ( if (keyCode == ExtendedKey.SOFT1) { // Handle left soft key event  gotoAndPlay (&quot;home&quot; } else if (keyCode == ExtendedKey.SOFT2) { // Handle right soft key event play ( description_txt.text = &quot;&quot;; title_txt.text = &quot;&quot;; }};Key.addListener (myListenerThe left soft key sends the playhead to the main application screen, and the right soft key advances the image animation to the next image in the sequence.For more information about using event listeners, see &quot;Handle keypress events through a key listener&quot; in Developing Flash Lite 2.x and 3.0 Applications. Select Control &gt; Test Movie to test the final application in the emulator." />
   <page href="00004640.html" title="Create the video screen" text="Create the video screenIn this section, you'll add video to the application, as well as ActionScript code that lets the user control playback (play, pause, replay) with the right soft key.In this tutorial, you'll bundle the device video file in your SWF file's library, although you can also load an external video file from the device's file system or a network address.In Flash, open the file you completed in Create the specials screen.Open the Library panel (Window &gt; Library) if not already open.Open the Library options menu located in the upper-right corner of the Library panel and select New Video.The Video Properties dialog box appears.Type a name for the video symbol in the Symbol text box (cafe Video, for example).In the Video Properties dialog box, select the option to bundle the source video in the SWF file, and then click Import.Open the file named cafe_townsend_chef.3gp located at www.adobe.com/go/learn_flt_samples_and_tutorials. On the Samples and Tutorials page, locate, download and decompress the .zip file for your Flash Lite version, and then navigate to the Tutorial Assets folder to access the file.If you don't see the video file listed in the Open dialog box (or if you can see it but can't select it), select All Files (*.*) from the Files of Type pop-up menu (Windows), or All Files from the Enable pop-up menu (Macintosh). This action is sometimes necessary because the Flash authoring tool doesn't recognize most device video formats.The Video Properties dialog box should appear as follows before you click OK.Click OK to close the Video Properties dialog box.A new video symbol appears in your document's Library panel that is associated with the device video file. For more information about working with a device video in Flash Lite, see Developing Flash Lite 2.x and 3.0 Applications.To add the video object to the Stage, in the Timeline select the keyframe in Frame 51 of the layer named Video, as shown in the following example:From the Library panel, drag the cafeVideo object to the Stage.In the Property inspector, type cafeVideo in the Instance Name text box, and set the object's x position to 0, its y position to 45, its Width to 176, and its Height to 144.In the Timeline, select the keyframe in Frame 51 of the layer named ActionScript.Open the Actions panel (Window &gt; Actions) and type, or copy and paste, the following code:// Stop timeline, register soft keys, and start video.stop (fscommand2 (&quot;SetSoftKeys&quot;, &quot;Home&quot;, &quot;Pause&quot;caféVideo.play (var playing:Boolean = true;// Soft key event handler code:Key.removeListener (myListenervar myListener:Object = new Object (myListener.onKeyDown = function () { var keyCode = Key.getCode ( if (keyCode == ExtendedKey.SOFT1) { gotoAndPlay (&quot;home&quot; } else if (keyCode == ExtendedKey.SOFT2) { if (playing) { // If video is playing, pause it, // set status variable (playing) to false, // and set right soft key label to &#39;Play&#39;. caféVideo.pause ( playing = false; rightSoftKeyLabel.text = &quot;Play&quot;; } else { // If video is paused, resume its playback,  // set status variable (playing) to true, // and set right soft key label to &#39;Pause&#39;. caféVideo.resume ( playing = true; righttSoftKeyLabel.text = &quot;Pause&quot;; } }};// Register listener object:Key.addListener (myListener//// Video status handler code. //caféVideo.onStatus = function (infoObject:Object) { var code = infoObject.code; if (code == &quot;completed&quot;) { // If video has finished playing, set playing=false, // and set right soft key label to &quot;Replay&quot;: playing = false; rightSoftKeyLabel.text = &quot;Replay&quot;; }};Save your work and test the application in the emulator.Select the View Video option on the application's home screen to view the video. Try pausing the video by pressing the right soft key, and pressing the same key again to resume playback. When the video completes, you can press the right soft key again to play the video again." />
   <page href="00004641.html" title="Create the set location screen" text="Create the set location screenIn this section, you'll create a new screen that lets the user select which of the four restaurant locations they want to call for reservations. The location the user selects on this screen determines the number that's dialed when they select Reservations on the application's home screen.The first time the user starts the application and selects Reservations on the home screen, the application takes them to the set location screen where they can select a location. Subsequently, when the user selects Reservations, the application immediately dials the default restaurant location's number. The application uses a shared object to save the location that the user selected between sessions. In Flash, open the file you completed in Create the video screen.In the Timeline, select the keyframe on Frame 66 of the layer named Options Menu. Open the Library panel (Window &gt; Library), and drag the button named location_SF_button from the library to the Stage. Position the button under the text that reads, in part, &quot;Select your preferred location…&quot;In the Property inspector, type sf_btn in the Instance Name text box.Drag the button named location_SJ_button from the library to the Stage and position it directly below the location_SF button.In the property inspector, type sj_btn in the Instance Name text box.Repeat step 6 for the two buttons in the library named location_PA and location_BK and give them instance names of pa_btn and bk_btn, respectively.The Stage of your application should look something like the following example:In the Actions panel (Window &gt; Actions), enter the following code:stop (fscommand2 (&quot;SetSoftKeys&quot;, &quot;Save&quot;, &quot;Cancel&quot;showCurrentLocation(//// Soft key event handler code//Key.removeListener (myListenervar myListener:Object = new Object (myListener.onKeyDown = function () { var keyCode = Key.getCode ( if (keyCode == ExtendedKey.SOFT1) { // Save location: saveNewLocation ( gotoAndPlay (&quot;home&quot; } else if (keyCode == ExtendedKey.SOFT2) { // Cancel operation, go back to home screen: gotoAndPlay (&quot;home&quot; }};Key.addListener (myListener//// Function: saveNewLocation().//function saveNewLocation () { // Determine which button (location) the user selected: var selectedButton = Selection.getFocus ( switch (selectedButton._name) { case &quot;_level0.sf_btn&quot; : // User selected San Francisco. location_so.data.phoneNumber = &quot;415-555-1212&quot;; break; case &quot;_level0.sj_btn&quot; : // User selected San Jose. location_so.data.phoneNumber = &quot;408-555-1212&quot;; break; case &quot;_level0.bk_btn&quot; : // User selected Berkeley. location_so.data.phoneNumber = &quot;510-555-1212&quot;; break; case &quot;_level0.pa_btn&quot; : // User selected Palo Alto. location_so.data.phoneNumber = &quot;650-555-1212&quot;; break; }}//// Function: showCurrentLocation().//function showCurrentLocation() { // Retrieve phone number stored in shared object: var phoneNumber:String = location_so.data.phoneNumber; // Extract area code from phone number: var areaCode:String = phoneNumber.substring (0, 3 // Based on area code, set selection focus // to corresponding button item: switch (areaCode) { case &quot;415&quot; : Selection.setFocus (_level0.sf_btn break; case &quot;408&quot; : Selection.setFocus (_level0.sj_btn break; case &quot;510&quot; : Selection.setFocus (_level0.bk_btn break; case &quot;650&quot; : Selection.setFocus (_level0.pa_btn break; }}" />
</book>