19 Jan 2012 8:27 PM #1
How to implement flip (turn page not slide page) effects like jpageflipper??
How to implement flip (turn page) effects like jpageflipper (http://jpageflipper.codeplex.com/)
20 Jan 2012 7:13 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
There is quite a bit of CSS that goes into that.
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
29 Jan 2012 5:06 PM #3
30 Jan 2012 1:18 AM #4
Have you seen wink toolkit? Similar to sencha touch but with some extra effects...like page flip.
Not sure how well they will play together though as I haven't tried it...
30 Jan 2012 11:25 AM #5
The reason why we haven't implemented these flip like transitions yet is because they won't work on anything other then iOS. Android has some serious issues with css transforms, causing the whole page to flicker and form fields to randomly break. We wanted to provide transitions out of the box that work across all devices. We might add some iOS only plugins later with support for 3d transitions.
7 Feb 2012 4:55 AM #6
you can use some special services or software that creates these flippingbooks.
they usually work not only on ios
8 Mar 2012 9:39 AM #7
I have the same demand.
And found this JQuery-driven flipper: http://builtbywill.com/code/booklet/, it works fine on Android (Gingerbread & Ice-Cream-Sandwich) and iOS5.
But how can I put this together with Sencha? As custom animation? No Idea...
27 May 2012 11:06 PM #8
Re: How to implement flip effects
I know the page flip effect can be made via freeware like Codebox, Flipsnack, flip page software(http://bit.ly/ymDrhl ) etc from PDF files.