Quick Guide to Flash Catalyst

Chapter 4. Interactions and Transitions in Flash Catalyst

The purpose of converting the artwork into components was to prepare them for executing specific actions and transitions between pages, as we will discuss in this chapter.

I chose to cover both interactions and transitions in the same chapter because they are linked together, as transitions in Flash Catalyst are done through either opening a specific page or clicking a specific button. In this chapter we will start by looking at adding interaction to specific buttons, and after that we will move on to the interaction part.

Interaction in Flash Catalyst is done through the Interaction panel, which allows you to add actions either to the components similar to buttons, or the application itself. You can also add an action that is applied once the page is loaded, such as a special animation or a transition.

When you select a component or the applications stage by clicking on the stage area, the Add Interaction function will be activated.

The first drop-down list shows how the action will respond to the mouse action. For example, the On Click action indicates that the action will be executed when the user clicks on the component. The component interaction includes the following events that will trigger the action:

• On Click

• On Double Click

• On Mouse Up

• On Mouse Down

• On Roll Out

• On Roll Over

Figure 4-1. The components interaction event triggered ...