Skip to main content
Participating Frequently
November 2, 2011
Question

Best practice to create a page sliding effect?

  • November 2, 2011
  • 2 replies
  • 1058 views

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!

This topic has been closed for replies.

2 replies

markc888
Inspiring
November 2, 2011

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/

November 2, 2011

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.

ilshAuthor
Participating Frequently
November 2, 2011

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

Will definitely try TweenLite.

November 2, 2011

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.