Best practice to create a page sliding effect?

4 replies
1063 views
Translate

I am trying to create a magazine-like app and wish to emulate ipad's spring board effect. I wonder if anybody has figured out a way to do so. Thanks a lot!

Development

This topic is closed to new replies. Start a new post to keep the conversation going.

markc888

Inspiring

Sounds like Blitting is the way you should go. Watch this tutorial.

http://www.gotoandlearn.com/play.php?id=145

Greensock now also has a BlitMask library if you like the idea of Blitting.

Or there is a downloadable demo on the Greensocks Throwprops page. Scroll down near the bottom.

http://www.greensock.com/throwprops/

Translate

A

Anonymous

I use the TweenLite plug in for the animation part of it but startDrag and stopDrag for the other half.

Basically on startDrag the user drags your movie clip then you set variables that, if the drag is more than 1/3 of the page width you animate to the next slide if less than 1/3 of the page width then it jumps back to its original place. Works really well and feels just like the native iOS home screen.

The app I am using this on is still in development. But if my post makes no sense I can add you to my development profile and send you a sample.

Let know if it helps at all.

BTW TweenLite is the best plug in ever, I use it for everything now.

Translate

I

ilshAuthor

Participating Frequently

Thanks, Mark. Your hint is very helpful. It would be even better if you can share a sample.

Will definitely try TweenLite.

Translate

A

Anonymous

If you have an iPhone or iPod Touch send me your UDID and Ill email you an example. Or if you have an iPad that would work too since I am designing the app to work on all iOS devices but havent tested it on an actual iPad yet.

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.