Page 6 of 7 - Project 11

4. Select the Arrow tool, select your text field, open the Text Field Properties dialog box, and set the following properties:

Variable: Text
Selected Options: Multiline
                           Word Wrap
                           Disable Editing
                           Include All Font Outlines

Edit the properties of the text field as shown.

Working With The View Port

The Product Catalog relies heavily on the Load Movie action. In other examples, you loaded additional .swf files into different levels, creating a tack of movies. You can also replace any Movie Clip target with the loaded movie, which is precisely what you'll be doing here. The View Port consists of a Movie Clip symbol containing a mask layer, on which you use Load Movie to replace the masked object (another Movie Clip) with the currently selected picture. Sound confusing? Don 't worry, you 'll get the hang of it.

1. Select the View Port layer,drag an instance of the View Port Movie Clip from the Movie Clips folder onto the Stage, position the instance at x:149.0,y: 94.2, double-click the instance, and name the instance ViewPort.

2. Use Edit in Place to access the contents of ViewPort.

Inside, notice the two displaced black squares. The top left square is the symbol that will be replaced by the loaded pictures. It's a peculiarity of Flash that the loaded movie inherits the scale, position, and rotation of whatever symbol it 's replacing;hence, the View Placeholder's center point is the top left corner of the masking square.

Use Edit in Place to view the contents of the ViewPort instance.

3. Double-click View Placeholder and name the instance View.

The point of using mask layer here is that the View instance can be zoomed and scrolled. By having a square mask, you can constrain the visible portion of the current picture.

4. To enable the masking,select the View Mask layer, double-click the View Mask layer symbol to edit its Layer Properties, and set the Type property to Mask. Use Layer Properties to change the View Mask layer's type to Mask.

Use Layer Properties to change the View Mask layer's type to Mask.

5. Select the View layer, edit the Layer properties of the View layer, and set Type to Masked.

This completes the masking effect. Now only the parts of View covered by the View Mask will be visible to the user.

Use Layer Properties to change the View Mask layer's type to Mask.

6. Exit symbol-editing mode.