AS3 Scrolling thumbs

hi,
any one can send me the idea and link about scrolling thumbs in AS3
please help me
Advance in thanks
Kamal

http://library.creativecow.net/articles/brimelow_lee/scrolling_thumbnail_panel.php

Similar Messages

Scrolling thumbs gallery offset

hi guys,
i'm currently re-using a code snippet of xml gallery with scrolling thumbs, but i got a problem :
my mask is stagewidth and my pictures holder depend of thumbs numbers,
sometimes after resizing windows browser, while scrolling to the browser sides limit i cannot see the end of the last pic or the start of the first pic,
how to fix that ?
here the code :
function scrollThumbs(event:Event) : void {
            speedRNDM = -content_mc.itemHolder_mc.width / slideMask_mc.width * mouseX + mouseX;
            if (content_mc.itemHolder_mc.width < slideMask_mc.width)
                content_mc.itemHolder_mc.x = 0; // stay at origin if stage width is longer than itemHolder : we see all pictures (no scrolling needed)
           else {
                content_mc.itemHolder_mc.x = content_mc.itemHolder_mc.x + Math.ceil((speedRNDM - content_mc.itemHolder_mc.x) * speedX);
               if (content_mc.itemHolder_mc.x > 0)
                   content_mc.itemHolder_mc.x = 0; // need smoother move here..
                if (content_mc.itemHolder_mc.x < slideMask_mc.width - content_mc.itemHolder_mc.width)
                   content_mc.itemHolder_mc.x = Math.ceil(slideMask_mc.width - content_mc.itemHolder_mc.width);
            return;

Hi,
ok i got more time now to get back on this,
i've uploaded the simplified source to isolate the bug :
http://missjohanna.free.fr/scrollbug.zip
if someone may have a look on this ,
that's only a 2 mn fix for a skilled as3 programmer,
but for me a headache
thanks

Is there a tweak to influence the scroll thumb release distance?

A long time ago I developed a habit of grabbing a scroll bar thumb and pushing the mouse off without too much care when I wanted to scroll all the way to the end. At one time, as I recall the mouse would remain captive no matter how far off the scroll
thumb the pointer actually was. This made this particular "gesture" valid.
Now (and for some time), pushing the mouse a ways off the end of the scroll bar causes the mouse to "lose its grip" on the scroll thumb, the scrolling operation to be aborted, and the scrolled window to return to its starting
point. I've seen some info online that implies the distance is 100 pixels.
When a window has been scrolling in real time, then it "jumps back" to where it started right about at the time I release the mouse too far from the end, I find that very disruptive to my train of thought. I find anything that "automatically
cancels" an operation I've initiated annoying; I believe anyone would.
My question is this:
Do you know of a setting that can be changed to increase the distance the window manager allows the cursor to move away from a scroll bar thumb with the left mouse button down before the thumb
is released?
Thanks in advance.
-Noel
Detailed how-to in my eBooks:
Configure The Windows 7 "To Work" Options
Configure The Windows 8 "To Work" Options

Hi Noel,
I searched the control panel settings as well as the PC settings of the computer, it seems there is little settings we can do to change the distance, but I need a research to provide more possible suggestion, I will post it back as soon as I get some clue.
Regards
Wade Liu
TechNet Community Support

Make scroll thumb wider than scrollbar

Hello,
I want to have a scroll thumb wider than the scroll bar in a datagrid. For example, here is what I want to see:
http://img215.imageshack.us/img215/2613/desired.png
Where the black rectangle is the thumb, the light gray area is the datagrid, and the dark gray area is the panel.
However, when I try to do this in Flex, the scroll bar is as wide as the scroll thumb and shifts over from the right most side of the datagrid:
http://img696.imageshack.us/img696/4765/whatiget.png
According to the ScrollBar documentation, the scroll bar is as wide as widest subcomponent. My attempt around this was to place a sprite over where the thumb is, but the problem with this is that since the thumb sprite is at an index above the datagrid, the thumb is no longer scrollable (the hand is not seen when you hover over the thumb).
Any ideas?
Thanks.

I'm not sure what you mean by this. My scroll track has no skin.
By the way, you have to copy and paste the first link into your browser because I formatted the HTML incorrectly.

Horizontal scroll thumb to start in the middle?

Hi,
To centre the thumb on a horizontal scoll bar, to get it to start in the middle, I would have thought you set the following:
- Max = 100
- Min = 0
- Value = 50
But for some reason my scroll bars are starting from the far left. And any changes I make seem to make no difference.
Anyone else have this trouble?
I've tried the following as well:
- Max = 1150 (no. of pixels width of my image that I am scolling)
- Min = 0
- Value = 550
Although the thumb moves to the middle of the track in the artboard, within FC, but when I run the project or export it ... the thumb is at the 0 value (the far left)
Am I doing something wrong?
Thanks,
Nick

You can extend a ViewHandler where you can check if the user is requesting an allowed page:
public class MyViewHandler extends ViewHandler {
private final ViewHandler base;
public WebTikViewHandler(ViewHandler base) {
this.base = base;
public UIViewRoot createView(FacesContext facesContext, String viewId) {
if (!viewId.contains("/app/index.jspx" && isNewSession() ){
newViewId = "/app/index.jspx";
return base.createView(facesContext, newViewId);
You can implement the isNewSession method with a session variable.
hth,
Andrej

Scrolling thumb problem

hi
i am building a gallery which scroll the thumbs according to
mouse position. it all works but i try to tell the scrolling to
stop with the last thumb on each side, and there i`m stuck.
i attach the scroll function.
the inner if statement is meant to stop the scrolling at a
certain point (the 800 is just a number i try, i need to make it
more flexible ). it works when the mouse move to the right but does
not work when it moves to the left.
best regards
ron

Hi!
First I must appologize if am not suposed to dig on an old post but am new to the forum (this i smy first post so remember your first )
in this case I'll be glad if you can redirect me to the apropriate topic.
that said, my concern is the following:
am trying to build an XML based horizontal scrolling-thumbnail bar with the following attributes:
each pictre should be clickable as soon as it aprears(or when it stoped to be clicked...to determine later)
and also some effect should be aplied when the mouse is over it
thx in advance!
PS: I have only two days to get it done :s soplz heeeeeeeeeeeeeeeelp (am confortable with code since am a computer science student)

Neet to make an as3 scrolling thumbnail gallery

Hey , i need some suggestion and tips on how to do and what to search for to accomplish what i need. Here's what i want to make:
have 30 photos and 50 , so 2 gallery's . - make thumbnails small for the pics inside a MC with saturaion -90 and it should be with mosue control .. when i rollOver a pic the saturation changes to 0 and when i rollOver Left side and Right side to MC ,the pics to go right or left depending where the mouse is. When i RollOut mouse, th animation to move on either side with a slow speed. and when i clik on a thumbnail pic i need it to enlarge and center align or left align ; and i want to have be able to wirte some text besides the photo. and a X butn to close the image and resume the animation.! Bassically thats what i need to make; a more complex thing i want is that when i enlrge any pic , i want to appear on a side the text + another gallery image with thimbanils and a scrollbar and when clicked on them to enlarge.
My project is that : i have Event Flyers and when click on each eventFlyer i need to enlarge that flyer and to have another galerry with images from that respective event. I need to make that for every flyer
i hope u understand and please give me any suggestin on how to do that, any tip , what kind of code to search for to achieve that. I have to do it on my own i dont want to buy a galerry template .
I'm not very good at AS, but i want to learn and search to do it.
Only AS3 i need, i prefer not a very complicated option for what i want, but if isnt a simpler way , for the beginners, its alright a complex work too, just have to study more.
What i'm thinking is 2 find out what code ,process, steps i need to do for my gallery so i can search,find,learn and put together to accomplish my gallery; pls point me in a good direction!
Thanks alot!

If you want to do it on your own, and find it on your own, then use Google as search with terms relevant to your needs. Generally, you should include "AS3" and "tutorial" as part of your search keywords. Beyond those two, include terms that are directly relevant to what you want to find.
Try something like "AS3 gallery tutorial" for starters and refine it if you don't find something relevant to your needs. Be aware that anything you find is not likely to be exactly what you want, so you will need to gain enough knowledge as a Flash developer to be able to understand how to manipulate what you find into what you need.

AS3 Scroller Help

Hi, My name is tom,
and Basicly ive been making a platformer in flash as3 and ive got most thing working except when my character jumps i want the camera to pan up ( follow character) i made it do it with the x scale but i cant with the y scale
Heres all my code i writ
(as)
/*Imports*/
import flash.net.SharedObject;
import flash.display.SimpleButton;
import flash.display.MovieClip;
import flash.events.*;
var Key:KeyObject = new KeyObject(stage);
/*Stop*/
stop();
/*Varibles*/
var Curr_weapon:String = "pistol";
var Curr_Money:Number = 100;
var gravity:Number = 1;
var yVelocity:Number = 0;
var canJump:Boolean = false;
addEventListener(Event.ENTER_FRAME, MoneyShow);
function MoneyShow(event:Event):void
CurrMoney.text = String("£" + Curr_Money);
/*Beginning Code*/
PauseMenu.visible = false;
function PauseBtn(event:MouseEvent):void
PauseMenu.visible = true;
function Unpause(event:MouseEvent):void
PauseMenu.visible = false;
/*Start Code*/
char.gotoAndStop('still');
function onenter(e:Event):void
if (Key.isDown(Key.UP) && canJump)
yVelocity = -15;
canJump = false;
if (yVelocity > 20)
yVelocity = 20;
yVelocity += gravity;
if (! world.Ground.hitTestPoint(char.x,char.y,true))
char.y += yVelocity;
for (var i:int = 0; i<10; i++)
if (world.Ground.hitTestPoint(char.x,char.y,true))
char.y--;
yVelocity = 0;
canJump = true;
if (Key.isDown(Key.LEFT))
char.x -= 10;
char.scaleX = -1;
char.gotoAndStop('walking');
else if (Key.isDown(Key.RIGHT))
char.x += 10;
char.scaleX = 1;
char.gotoAndStop('walking');
else
char.gotoAndStop('still');
function WeaponDecision(event:Event):void
if (Curr_weapon == "pistol")
char.Char_weapons.gotoAndStop(1);
if (Curr_weapon == "ak")
char.Char_weapons.gotoAndStop(2);
function SpaceBarHandler(e:Event):void
if (Key.isDown(Key.SPACE))
if (Curr_weapon == "pistol")
char.Char_weapons.Handgun.gotoAndStop(2);
else if (Curr_weapon == "ak")
char.Char_weapons.AK.gotoAndStop(2);
function StopSpaceBarHandler(e:Event):void
if (! Key.isDown(Key.SPACE))
if (Curr_weapon == "pistol")
char.Char_weapons.Handgun.gotoAndStop(1);
else if (Curr_weapon == "ak")
char.Char_weapons.AK.gotoAndStop(1);
// Event Listeners;
stage.addEventListener(Event.ENTER_FRAME, StopSpaceBarHandler);
stage.addEventListener(Event.ENTER_FRAME,SpaceBarHandler);
stage.addEventListener(Event.ENTER_FRAME,onenter);
addEventListener(Event.ENTER_FRAME, EnterFrame);
addEventListener(Event.ENTER_FRAME, WeaponDecision);
PauseMenu.Weps.slot1.addEventListener(MouseEvent.CLICK, Slot1Handgun);
PauseMenu.Weps.slot2.addEventListener(MouseEvent.CLICK, Slot2AK);
PauseMenu.unpause_btn.addEventListener(MouseEvent.CLICK, Unpause);
Buttons.Pause_Btn.addEventListener(MouseEvent.CLICK, PauseBtn);
// Functions;
function EnterFrame(e:Event):void
scrollStage();
function Slot1Handgun(event:MouseEvent):void
Curr_weapon = "pistol";
function Slot2AK(event:MouseEvent):void
Curr_weapon = "ak";
function scrollStage():void
world.x += (stage.stageWidth * 0.5) - char.x;
char.x = stage.stageWidth * 0.5;
(as)
Please Help

appears to be a double post - question answered
here

Scrolling Mobile List in Pure AS3?

I'd like to use a scrolling list in one of my AS3 mobile projects. I like the one built for Flex, but I do not wish to use flex as that would be overkill and I already have the project written in AS3.
Does anyone know of any pure AS3 scrolling list components for mobile?
thanks,
Jack

That's the flex component I wish to immitate. But since I am not using Flex, I cannot use the spark component. (I wish I could use spark components, but Adobe built them in such a way that is nearly impossibnle to use in a non-flex project.)
I am hoping there is a pre-built nonFlex, pure AS3 equilevent.

DragStart and DragComplete on a list scrollbar thumb- is it possible to add a listener to these events?

can't seem to find the actual Element to: addEventListener(DragEvent.DRAG_COMPLETE, callback) in a List component.It seems there should be a way to write something like: myList.scroller.thumb.addEventListener(...) Any ideas? thank you -b

Spark scrollbar thumbRelease, Halo scrollbar as thumbPosition.
Alex Harui
Flex SDK Developer
Adobe Systems Inc.
Blog: http://blogs.adobe.com/aharui

Capture a "scrolling" event in spark List (Flex 4)

after hours trying to find a scroller thumb drag event, i'm left stumped. Is ther any way to dispatch an event when the scrollbar of a List component is scrolling? or even better, to capture the scroll thumb dragStart and dragComplete events? thanks in advance -b

You could detect when the scroll position of the viewport goes sufficiently below zero and then call your refresh logic from there.
Here's an example of how to detect scroll position changes:
http://stackoverflow.com/questions/4390725/flex-4-scroller/4425091#4425091

Scroll Bar with achor-type functionality

Hi all,
I was wondering if anyone has any reference to a horizontal
scroll bar that scrolls a MovieClip and its functionality includes
the ability to jump to a specific y position of the movieClip
inside of the ScrollBar MovieClip and of course the scroll bar
would move to its correct coordinates. For example, I need the
MovieClip to go 333 pixels down (this is pretty easy) and then tell
the scroll bar to go to its corresponding location. Anyone have a
good example of this that is pretty dynamic?
I have an example of this which is close to working, but I
would like to know if there is a better more dynamic way of doing
it.
Thanks!!!

Continuing this conversation with myself, I opted to use the
ScrollPane component and use the vPosition property. We had to use
all the event listeners before it worked,
my_sp.addEventListener("complete", listener);
my_sp.addEventListener("progress", listener);
my_sp.addEventListener("scroll", listener);
This worked well and I could feed the vposition and wind up
where I needed to go in the scroll pane.
So now I am having a problem with skinning the scroll pane. I
can skin it just fine. But seeing as my scroll bar, the scroller in
the middle of the scroll pane that you drag to get to the location
you want to go is different in size from the original (aka scroll
thumb). It does not adjust its size so it believes it has something
like 56 more pixels in either direction.
What happens is the scroll thumb will start 56 pixels below
where it should and it stops about 56 pixels before it should stop.
So, your content finishes scrolling and your scroll thumb does not
finish its entire scroll - it is hanging 56 pixels above where it
should. You drag it back to the top, the content that is being
scrolled is back at it original position where it should be while
the scroll thumb is hanging about 56 pixels below where it should
ultimately be.
Is there a way to adjust the size of the middle scroller
– what in the skins is called the scroll thumb? I need it at
a constant size. I can re-skin it so it looks like it should but it
does not function as it should.
Any suggestions?
Anybody I can call at Adobe? (Should I send smoke signals?
Rent the Goodyear blimb to post my Flash follies in desperation to
solve this problem?)

Scroll bar navigation w/mouse very erratic - not good

Doing the kind of work we do, we navigate around imagery @ high magnifications using the scroll bars on the bottom and right side of a floating image window. I just discovered that this single-click-moves-one-screen view behavior that we have grown to depend on in every previous version of PS is broken/erratic/not reliable at all in CS6.
On my pc I'm using a Logitech G500 gaming mouse with programmable sensitivity, so I thought that might be the problem. But my coworkers (we have 5 additional CS6 installs at the moment, all up to date) using standard Dell mice are encountering the exact same problem - if you do not tap the left click with just the right pressure the screen will advance TWO places - or sometimes not at all. A normal mouse click will advance the screen two places. My pc has a different video card that the rest as well, and I've tried the basic, normal advanced and no GPU support NO change in this behavior.
This is a real deal breaker AFA getting CS6 integrated into our shop. I can grudgingly put up with some of the pointless UI changes made in this version, but to have such a basic and essential navigation tool busted 'out of the box' on 6 different computers is totally unacceptable.
Any help would be appreciated...

Sorry, didn't see your thread until now.
If you click on a scroll bar in Photoshop CS6 it will immediately repeat without waiting the normal amount of time before repeating, which yields multiple page scrolls.
This seems to be a departure from more or less standard UI behavior of the past, where there is a slight delay before the repeat starts - though Photoshop isn't the only application to do it (Internet Explorer is another offender). It's been known since Photoshop CS6 was first released. I believe it may even have been reported in the public beta. I wouldn't bet that this isn't the intended behavior.
A workaround is to click the mouse right next to the scroll thumb, which will result in a one page scroll operation.
Note: It may be that a configurable delay value somewhere in the system is affecting the timing. I have purposefully shortened several delays on my system to make it more responsive, so what I'm seeing may not be what people see in the general case.
-Noel
P.S., I can pretty consistently reproduce the problem where it won't scroll at all by clicking in the scroll bar (causing a page scroll), then clicking again soon thereafter.
P.P.S., I just re-tested: I can reproduce the expected behavior, including a short (near half second) initial delay and consistent response to clicking with Photoshop CS5 on this same system. Photoshop CS6 definitely degrades the scrolling experience.

Button interactions within Scroll Panel/Content

I am creating a portfolio website using Flash Catalyst. On my Portfolio page I have a vertical scroll panel and within that panel I have little thumbnails of my artwork converted to a button component. So when the user click on the thumbnail I want the larger image to appear nearby. I make new states for the larger images within the scrolling content, but whenever I use the scroll thumb it also scroll the larger images that i want it to be in a fixed position. So is there anyway I can lock the larger image while user is able to scroll through the thumbnails. If not possible, is there anyway i can duplicate the events on the timeline from one page/state to another similar one?
If there is a better way to accomplish this please let me know too, I am all ears. If you need clarification on my issue, I will try my best to explain it through texts.

Hi,
Here's a quick wireframe to illustrate the thumbnail separate from the detail image. The large images could be in their own custom component or in different states in the main timeline (per this example).
The scroll bar needs be edited to look nicer.
Hope this helps.
Tanya

Add the property "Enable auto-scrolling" to indicators which have a scroll option

It would be nice if controls/indicators that had a scroll option (most useful for vertical scroll) would have the ability to support automatic scrolling. This is useful for trace windows or long tables which are continually getting updates. At present we need to set the scroll position ourselves for every update.

Ray: I think Mark is asking for a run-time feature, not an edit-time feature, such that if you have the scrollbar already visible and new text is written to the indicator that the text would automatically scroll to some position within the string.
Myself, I'm a strong fan of the behavior that I see in Visual Studio compiler log windows -- if the user has positioned the scroll thumb at the very bottom, when new text is added, the scroll thumb continues to stick to the bottom (thus always showing the tail of the log). But if I scroll up in the log, then new text is added keeping the scroll thumb in the same relative position so that I can actually read an interesting part of the log while the log continues to be updated. It's occassionally tricky to get the thumb back to the bottom of the log if the log is being updated very quickly, but overall, it's a system that works very well.

AS3 Scrolling thumbs

Similar Messages

Maybe you are looking for