Adding Content: Through Component Inspector
Updated: Mar 26, 2008
Views: 484
Description: This tutorial will show you how to use the Component Inspector inside of flash to load various types of content (images, movie clips, .swfs) into the 3d Flow List AS3.0 Component.
Adding an Image Using Component Inspector
To begin make sure that you have the 3d Flow list Component installed using the extension manager, have created a new Flash ActionScript 3.0 File and have dragged an instance of the Flow list onto the stage from the Component Panel (Window > Components).
Next, select your instance of the 3d Flow list and in the Component Inspector (Window > Component Inspector) or Parameters Panel (Window > Properties > Parameters) look for the property called content. Double Click the "[]" in the value for content and new window will pop-up. Use the + to add an item. When you add an item you can define the Path, Description, Data, and Type of the new item.
- In the Path enter either the local or full URL path to the image.
- Description is optional but useful if you want a text description or if you are linking to another component.
- Data is also an optional field but is useful if you want to add a hyperlink or a large image link if you are using the Stack in a gallery.
- In Type we will enter image since we are loading an image.
Loading a .swf file from an URL path is similar to loading an image.
- In the Path enter either the local or full URL path to the swf.
- Description is optional but useful if you want a text description or if you are linking to another component.
- Data is also an optional field but is useful if you want to add a hyperlink or a large image link if you are using the Stack in a gallery.
- In Type we will still enter image.
Another type of content that you can load into the 3d Flow list is a movie clip that is internal to your flash file.
- In the Path enter either class name that will give the movie clip in Linkage (directions follow). We use DisplayObjectName in this example
- Description is optional but useful if you want a text description or if you are linking to another component.
- Data is also an optional field but is useful if you want to add a hyperlink or a large image link if you are using the 3d Flow list in a gallery.
- In Type we enter instance.
Properties of the 3d Flow list That Will Affect How The Content Loads
After you have successfully loaded your content in the 3d Flow list, you may want to change how your content is appearing in the 3d Flow list. These can also be found in the component inspector (Window > Component Inspector) or parameters panel (Window > Properties > Parameters) under the property flowListStyle:
- angleH:Number - the horizontal angle of the 3D Flow List on either side of the selected item.
- angleV:Number - the vertical angle of the 3D Flow List
- displayedItemCount:Number - the number of items displayed on either side of the selected item (includes selected item)
- forceRotationY:Boolean
- forceRotationZ:Boolean
- itemAlpha:Number - the alpha of the last displayed item, items will fade incrementally
- itemDistance:Number - the distance in pixels between each item
- itemRotationY:Number - the rotation of each item on the y axis
- itemRotationZ:Number - the rotation of each item on the z axis
- itemScale:Number - the scale of the last displayed item, other items will scale incrementally
- selectedPaddingX:Number - the padding of the selected item on the x axis
- selectedPaddingY:Number - the padding of the selected item on the y axis
- selectedPaddingZ:Number - the padding of the selected item on the z axis
- useFlatAngleV:Boolean
- useFlatAngelH:Boolean
If you want to change how other things such as the containers in the 3d Flow list, there are other properties that you can customize: 3d Flow list API.
Other Tutorials
