PDA

View Full Version : Flash Scroll Bar! [Flash][Actionscript]



PjukiRainbow
09-25-2005, 05:19 AM
1. Make a bar that's got a 1 px wide border. (note: w 22 h 53.4)
2. move the border away
3. modify>convert lines to fill
4. stoften fill edges by 4 px and 4 lines
3. move the fill back into the bored so that it looks like this
http://img.photobucket.com/albums/v336/xXgodXx/scroller.gif
4. make it a symbol (note: movie clip) "scrollbar" instance name "scrollbar"
http://img.photobucket.com/albums/v336/xXgodXx/instance.gif
5. make a box that's w 22 and h 147.3
6. make it a sybol (note: movie clip) "scrollback" instance name "scrollback"
(note: it should look like this now)
http://img.photobucket.com/albums/v336/xXgodXx/both.gif
7. make a light grey box w 150 h 147.3
8. make it a sybmbol (note: movie clip) "scrollbacking" instance name "scrollbacking"
9. now make it all one symbol (same) name: scrollbox instance name: same
10. now go into "scrollbox" and make a button (note: "scrollbar1") almost the same size as "scrollbar".
11. make it an ivisable button (?)
12. click on the "scrollbar1" and then put this

on(press){
startDrag("_root.scrollbox.scrollbar", true, 208.1, 0, 208.1, 50);
}
on(release, rollOut, releaseOutside){
stopDrag();
}

----------------------------------------------------------------
Review
Make sure that the invisable button is in "scrollbar" ontop of the scroll bar.
----------------------------------------------------------------
Advanced Part
ok so you see the blue text in the code box well that's the stuff you will have to be able to change for yourself. now if you look in the properties in flash you will see the x: and y: part well this is wat you have to do.
the first # is 208.1 that's the x: so wat ever 3 u see on your properties is the number that goes there.
no the second number is the numb of y: when your scroll bar is at the top of the scrollback. so wat ever # it says in y: when u have ur scrollbar at the top is the number that goes there. Now the next number should be the same as the first. the number after that is the one for the scollbar at the bottum of the scrollbackings. so put the number of y: when u move it to the bottum there.
(this should now work as a moving scrollbar on scrollback when u test it.
------------------------------------------------------------------
(note: if it doesn't work right now then i would stop this tutorial and ask me how to fix it.)
No, wait in fact i'm going to stop this tutorial and let people post to see if they have it working. i'll finish it in part two.

-PjukiRainbow-
PR Turoials
-+thnx out+-

LAWYERNINJA
09-26-2005, 08:54 PM
wow thanks i will use this in my game u shall be in the credz!

flip'd
09-27-2005, 08:01 PM
1. Make a bar that's got a 1 px wide border. (note: w 22 h 53.4)
2. move the border away
3. modify>convert lines to fill
4. stoften fill edges by 4 px and 4 lines
3. move the fill back into the bored so that it looks like this
http://img.photobucket.com/albums/v336/xXgodXx/scroller.gif
4. make it a symbol (note: movie clip) "scrollbar" instance name "scrollbar"
http://img.photobucket.com/albums/v336/xXgodXx/instance.gif
5. make a box that's w 22 and h 147.3
6. make it a sybol (note: movie clip) "scrollback" instance name "scrollback"
(note: it should look like this now)
http://img.photobucket.com/albums/v336/xXgodXx/both.gif
7. make a light grey box w 150 h 147.3
8. make it a sybmbol (note: movie clip) "scrollbacking" instance name "scrollbacking"
9. now make it all one symbol (same) name: scrollbox instance name: same
10. now go into "scrollbox" and make a button (note: "scrollbar1") almost the same size as "scrollbar".
11. make it an ivisable button (?)
12. click on the "scrollbar1" and then put this

on(press){
startDrag("_root.scrollbox.scrollbar", true, 208.1, 0, 208.1, 50);
}
on(release, rollOut, releaseOutside){
stopDrag();
}

----------------------------------------------------------------
Review
Make sure that the invisable button is in "scrollbar" ontop of the scroll bar.
----------------------------------------------------------------
Advanced Part
ok so you see the blue text in the code box well that's the stuff you will have to be able to change for yourself. now if you look in the properties in flash you will see the x: and y: part well this is wat you have to do.
the first # is 208.1 that's the x: so wat ever 3 u see on your properties is the number that goes there.
no the second number is the numb of y: when your scroll bar is at the top of the scrollback. so wat ever # it says in y: when u have ur scrollbar at the top is the number that goes there. Now the next number should be the same as the first. the number after that is the one for the scollbar at the bottum of the scrollbackings. so put the number of y: when u move it to the bottum there.
(this should now work as a moving scrollbar on scrollback when u test it.
------------------------------------------------------------------
(note: if it doesn't work right now then i would stop this tutorial and ask me how to fix it.)
No, wait in fact i'm going to stop this tutorial and let people post to see if they have it working. i'll finish it in part two.

-PjukiRainbow-
PR Turoials
-+thnx out+-
nice man.
and you are using my smiley userbar! glad u liked it.

Lambi
09-27-2005, 11:18 PM
good tutorial man, even better than paper's o_Q

PjukiRainbow
09-28-2005, 05:56 AM
thanks ppl. for the rest of the tutorial i'm making a video with some macromedia thing. right now all it does is make the scroll bar and doent scroll any thing. that's the hard part for me so it could take a while

the silent mage
10-29-2006, 10:30 AM
i'm gonna try that if it doesn't work , i'll cry , jk lol
very good tut btw
dambit it doesn't work for me , doesn't scroll :(

Revan
06-29-2008, 07:22 PM
it just keeps saying this in the output bar...

**Warning** The linkage identifier 'scrollbar1' was already assigned to the symbol 'scrollbar1', and cannot be assigned to the symbol 'scrollbar1', since linkage identifiers must be unique.

it wont work...

if anyone knows how to get it to work PM me plz!!!

RaidBlitz
08-25-2008, 04:54 AM
good tutorial man, even better than paper's o_Q

You're gonna get in trouble! Lol

MasacruAlex
09-11-2008, 05:22 AM
Good tut , very usefull.

stillnotarget
06-08-2009, 01:20 AM
:Phew: Hi, to all stickpageportal.com senior and all members

well i have done making scrollbar using dynamic text

well I want to use the text which is in image file means
I have created my simple text and after that i have changed it to
images by using brake in parts option..

now ihave given some effects in this Shape (TEXT which i have broke )
and i want to scrool this shape text withing my flash movie. within the box
size 200X200 px

if it is possbile just tell me this..

Thanks in advance


1. Make a bar that's got a 1 px wide border. (note: w 22 h 53.4)
2. move the border away
3. modify>convert lines to fill
4. stoften fill edges by 4 px and 4 lines
3. move the fill back into the bored so that it looks like this
http://img.photobucket.com/albums/v336/xXgodXx/scroller.gif
4. make it a symbol (note: movie clip) "scrollbar" instance name "scrollbar"
http://img.photobucket.com/albums/v336/xXgodXx/instance.gif
5. make a box that's w 22 and h 147.3
6. make it a sybol (note: movie clip) "scrollback" instance name "scrollback"
(note: it should look like this now)
http://img.photobucket.com/albums/v336/xXgodXx/both.gif
7. make a light grey box w 150 h 147.3
8. make it a sybmbol (note: movie clip) "scrollbacking" instance name "scrollbacking"
9. now make it all one symbol (same) name: scrollbox instance name: same
10. now go into "scrollbox" and make a button (note: "scrollbar1") almost the same size as "scrollbar".
11. make it an ivisable button (?)
12. click on the "scrollbar1" and then put this

on(press){
startDrag("_root.scrollbox.scrollbar", true, 208.1, 0, 208.1, 50);
}
on(release, rollOut, releaseOutside){
stopDrag();
}

----------------------------------------------------------------
Review
Make sure that the invisable button is in "scrollbar" ontop of the scroll bar.
----------------------------------------------------------------
Advanced Part
ok so you see the blue text in the code box well that's the stuff you will have to be able to change for yourself. now if you look in the properties in flash you will see the x: and y: part well this is wat you have to do.
the first # is 208.1 that's the x: so wat ever 3 u see on your properties is the number that goes there.
no the second number is the numb of y: when your scroll bar is at the top of the scrollback. so wat ever # it says in y: when u have ur scrollbar at the top is the number that goes there. Now the next number should be the same as the first. the number after that is the one for the scollbar at the bottum of the scrollbackings. so put the number of y: when u move it to the bottum there.
(this should now work as a moving scrollbar on scrollback when u test it.
------------------------------------------------------------------
(note: if it doesn't work right now then i would stop this tutorial and ask me how to fix it.)
No, wait in fact i'm going to stop this tutorial and let people post to see if they have it working. i'll finish it in part two.

-PjukiRainbow-
PR Turoials
-+thnx out+-