Using the scrollpane component

This flash tutorial will teach you how to use the scrollpane component. The scrollpane component allows you to have horizontal or vertical scrolling content.

For this tutorial I have used free stock images of fruit and vegetable which is available at: www.sxc.hu

Using the scrollpane component in flash

Step 1

Create a new flash document.
Load your images into the library by selecting file > import > import to library.
Choose the images you want to use then click open.

Step 2

Drag your images on the stage. I am making the contents of my scrollpane horizontal, so have lined my images on stage horizontal. You can make the content of your scrollpane vertical, if you wish.

Don’t worry if your images go over the edges of the stage.

Step 3

Select all the content by selecting ctrl + A.
Convert to symbol by selecting F8 then add the following settings:

Step 4

Add the scrollpane component to the stage by selecting window > component > user interface then drag the scrollpane component onto the stage.
Using the selection tool (v), select the scrollpane components parameter tab and change the content path to “images”.

Step 5

Using the image_mc movie clip on the stage as guide drag your scrollpane component to an appropriate size.

Once you have your required size. Delete the image_mc movie clip from the stage. You should now only have the scrollpane component on the stage.

Step 6

Test your scrollpane Ctrl + enter.

You should now have a scrollpane component with scrolling content.
If you wish you can remove the border from the scrollpane or customise the scrollbar.