Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Through several hands-on tutorials, instructor Todd Perkins shows how to best build dynamic, streamlined sites using Flash CS3 Professional. Learn how to create custom keyboard shortcuts, apply advanced text techniques such as animating scrolling text with custom easing controls, and using advanced animation techniques. Flash CS3 Professional Beyond the Basics covers many challenging features, including adding complex interactivity to a Flash CS3 project and getting Flash content on a phone. Exercise files accompany the tutorials.
Now we'll talk about event listeners. Event listeners connect objects and events to functions that handle those events. If you're following along I'm working in 04_listeners.FLA in the Chapter 02 folder in the Exercise Files folder. This file has two layers, one called actions and one called button. The button layer contains an instance of a button called BTNbutton. In the instance name field in the Property inspector with the button selected I'm going to click and type an instance name for this button. I'm going to give this a simple instance name of my_btn.
Then I'm going to select the first keyframe in the actions layer and open the Actions panel using Option+F9 on the Mac or F9 on the PC. In the Actions panel notice the code that we wrote in last movie is here. This defines the function "button clicked" that receives a Mouse event, and simply traces 'button clicked.' So below the closed curly brace of this function, I'm going to connect the button on the stage to this function. Let's type my_btn.addEvent, with capital E, Listener, with a capital L, all one word and then in parentheses we need to pass in two values.
First the type of event. The type of event is a MouseEvent, with a capital M for mouse and a capital E for event. and then CLICK all caps. So a listener connects an object, in this case my_btn to an event, which is MouseEvent.CLICK. Events listeners not only connect objects with events, they connect an object and an event to an event handler function. To do that with we have to pass in a second parameter inside of the parentheses of this add event listener line of code.
So after MouseEvent.CLICK type a comma and a space and then type the name of the function that we want to run when the button gets clicked. The function name is buttonClicked. I'm getting that from line 1 in my code. Type buttonClicked, capital C. Make sure to close out the parentheses and type a semicolon to end the statement. So the line of code we just wrote adds an event listener to my_btn, that's the button on the stage, and the event the button is listening for or waiting for is a mouse click.
In Flash's language that's MouseEvent.CLICK. Once that button gets clicked Flash will run a function called buttonClicked, which we defined in the last movie on lines 1 through 4 in my code. So once the button is clicked we'll see button clicked in the Output window. Now let's test the movie to see this in action. The keyboard shortcut is Command+Return on the Mac, Ctrl+Enter on the PC. I'm going to click the button and watch the message in the Output window display button clicked. And there's a look at working with event listeners.
There are currently no FAQs about Flash CS3 Professional Beyond the Basics.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.