All Right, Already So What Is a Component Exactly?

Many of the components featured in this book are from Eyeland Studio's Flash Foundry product. Similar components can be found at www.eyeland.com or www.flashcomponents.com .

The default component icon is this: . The standard movie clip icon is this: . If you see the default component icon, then you know you're dealing with a component.

However, Macromedia has provided several icons that you can use for components and has introduced the capability to create custom component icons. Any resource that displays one of the following icons will also be a component. Fortunately, both the alternative icons and custom icons are not used very frequently. Most components simply utilize the default component icon.

See Chapter 11 for information on how to create a custom icon for your components.

Identifying a Component on the Stage

When you see an item on the stage, it can be difficult to determine if it is a component or some other type of Flash resource (movie clip, button, graphic symbol, etc.). As with any Flash resource, if you are in doubt about what kind it is, you can always select it and look at the Properties panel. For example, Figure 1.3 shows the Properties panel for a movie clip. You can tell at a glance that the object is a movie clip because of its icon and its Movie Clip label.

Figure 1.3: The Properties panel clearly indicates what type of object you have selected-in this case, a movie clip.

When a component is selected, the Properties panel can take on several appearances . Figure 1.4 shows the Properties panel for a component that comes with Flash MX. On the top left, you can see the default component icon and the Component label-both of which, of course, indicate that a component is selected. Notice the two tabs on the top right: Parameters and Properties.

Figure 1.4: The Properties panel displays several indicators when you have selected a component.

The Parameters tab is displayed in Figure 1.4; this tab is only visible when a component is selected. Also, notice the area within the Properties panel that looks like a small database field. This is probably the most noticeable indication that a component is selected: these are the parameters for the component.

This area is referred to as the component user interface ( UI ). In Figure 1.4, this is the default user interface. Component parameters allow you to customize a component. If you think of a component as a sort of machine or engine that can be used to create something, then the component's user interface is like the machine's control panel (see Figure 1.5). The UI allows you to adjust specific characteristics for whatever the component is making.

Figure 1.5: The component user interface is like a control panel on a machine.