ScrollBar Pro
|
|
|
|
| FlashStore rating: |
Not rated yet.
|
| User rating: |
|
| Date: |
22-12-06 |
| Submited by: |
jumpeye |
| Skill: |
beginner |
| Price: |
$ 26.99 |
|
|
| |
About |
The ScrollBar Pro is a great component to be used when you need scrolling capabilities for large size elements inside small viewing areas. This component can be used for vertical or horizontal scrolling and can be customized as you wish, by changing the component's colors or even using your own clips as the elements composing the scroll bar.
Compatibility: Flash MX2004, Flash 8 published for Flash Player 8+
|
UI Access |
| Components panel under UI Pro Components jumpEYE |
Support address |
|
|
Useful links |
|
Download documentation |
|
ScrollBar Pro documentation (439.14 KB)
|
Code samples |
In order to use your own movie clips, they have to use the following linkage ids:
- "hsLeftButton" for the left button of the horizontal scroll bar
- "hsRightButton" for the right button of the horizontal scroll bar
- "hsScrollButton" for the scroll button of the horizontal scroll bar
- "hsScrollbarBackground" for the background of the horizontal scroll bar (the area on which the scroll button moves)
- "vsLeftButton" for the left button of the vertical scroll bar
- "vsRightButton" for the right button of the vertical scroll bar
- "vsScrollButton" for the scroll button of the vertical scroll bar
- "vsScrollbarBackground" for the background of the vertical scroll bar (the area on which the scroll button moves)
The component can also be customized by assigning the linkage ids to the corresponding parameters in the Component Inspector: forwardButton, backwardButton, scrollButton, scrollbarBackground.
ScrollBar Pro can be accessed from Components panel under UI Pro Components jumpEYE.
----------------------------------------------------------
Properties in the Parameters panel
----------------------------------------------------------
horizontalScroll sets the scrollbar for horizontal or vertical scrolling default is false
target - the target clip that needs to be scrolled
----------------------------------------------------------
Properties in the Component Inspector
----------------------------------------------------------
keepScrollButtonSize - if "true", keeps the scroll button at the same size (the size from the library) regardless of the scroll area and the target clip size default is false
backwardButton - the linkage id of clip from the library used as the component's up or left button (if you would like to customize the look of the component)
forwardButton - the linkage id of clip from the library used as the component's down or right button (if you would like to customize the look of the component)
scrollbarBackground - the linkage id of clip from the library used as the component's background (if you would like to customize the look of the component)
scrollButton - the linkage id of clip from the library used as the component's scroll button (if you would like to customize the look of the component)
----------------------------------------------------------
Methods
----------------------------------------------------------
setBounds(width:Number, height:Number) - sets the size of the scroll area in which the target clip will be scrolled; by default, the height of the scroll area is the same with the vertical scroll bar's height and the scroll area's width is the same with the vertical scroll bar's width parameters:
- width:Number the new width for the scroll area
- height:Number the new height for the component
setSize(newWidth:Number, newHeight:Number) - sets the size of the scrollbar parameters:
- newWidth:Number the new width for the component
- newHeight:Number the new height for the component
refresh() - redraws the scroll bar
updateScrollBarPos() - updates the position of the scroll button after the target clip has moved
----------------------------------------------------------
Code Samples:
----------------------------------------------------------
// create the two scroll bars
this.attachMovie("ScrollBar", "vertical_sc", this.getNextHighestDepth());
this.attachMovie("ScrollBar", "horizontal_sc", this.getNextHighestDepth());
// set the position and size for the two scroll bars
vertical_sc._x = 269;
vertical_sc._y = 18;
vertical_sc.setSize(15, 250);
horizontal_sc._x = 18;
horizontal_sc._y = 269;
horizontal_sc.setSize(250, 15);
// set the size of the scroll area
vertical_sc.setBounds(250, 250);
horizontal_sc.setBounds(250, 250);
// set the horizontal and vertical scroll bars
vertical_sc.horizontalScroll = false; // this is default anyway
horizontal_sc.horizontalScroll = true;
// set the target clip to be scrolled
vertical_sc.target = textClip_mc;
horizontal_sc.target = textClip_mc;
|
|
|
|
|
|
