07-16-2011 04:01 PM
I'm curious about making scrolling image/object/movieclip effect just like the native clock app of playbook..
What i get in my little mind is that clock app uses Scrolling Pane that scrolling horizontally.
The 3 items are inside some container, and that container is set as Scroll Pane content.
the problem is i don't get the way how the items also scaled up and down along with the movement (scrolling of Scroll Pane).
I tried to scale them based on the deltaX of Scrolling Event, but no good until now..
Could anyone here please help me get the idea of how to do that?
Thanks before for your help
Solved! Go to Solution.
07-16-2011 05:22 PM
07-17-2011 09:47 AM
Hi John, thanks for replying
Yes, i know that there is the Tweener class that can be used. I just yet haven't found a way to make it like the native clock app.
I have used the Tweener before but what i got is when i scroll the Pane, the items immedietely went to the absolute scale determined in the Tweener properties. What i want is the animation goes according to user's scroll, when they scroll by some distance, items get scaled relatively, whent they stop scrolling, the animation stopped.
Maybe i have to look at the Tweener API documentation closely, and use the Tweener again rather than Timer or Enter Frame event.
I'll post it when i get the things worked
07-18-2011 05:09 AM
Hi in case there are others like me who also curious,
I can now able to make scrolling carousel like effect, just like the native clock app of playbook.
Here is what i do:
- make movie clip in flash pro that animate object to scale up and down,
- import the published .swc to Flash Builder project,
- call the movie clips' class, add it to a container,
- set the container as Scroll Pane Content,
- Update the movie clips' current frame respectively as the scroll of Scroll Pane
Sorry my code is still in mess, if you'd like to know the code i use just PM me
Now i face the problem with the scrolling of Scroll Pane, that doesn't show the content at position greater than 1024px, but that's another issue i'll post in the different thread
11-07-2011 02:07 AM
11-07-2011 06:43 AM
Hai thanks Torres!
That's a great workaround code you posted!
I managed it with just drawing the container with full background that have opacity 0.1, that way the container is considered full while not exposing the background as i wanted it transparent. When a container is full, then the scrollpane will adjust its size accordingly with update method
You can have a look at the result,