Page flip is a very impressive features in displaying your documents, images, media, etc.. The technique behind page flip is pretty complicated. Below is the page flip live application & source code link.
[silverlight: https://pixytech.com/rajnish/uploads/code/PageTurn/App/PageFlip.xap, 688, 555]
|
You can download the source code here (VS 2010).
I could not spare much time to write implementation notes , however, Rick Barraza has a very good articles describing all the mystery behind this technique in his post. The code is based on his article and can be further extended to create silverlight generic control which could even flip silverlight pages, documents, images etc.
Another interested implementation of page turn effect is available on Microsoft by Jeff & Mitsu’s.
Another page flip (book) control is available here
Very impressive implementation … good work & thanks for sharing code..
LikeLike
Very nice ! thx 🙂
LikeLike
Imagine this with some deepzoom picture ^^
LikeLike
thanks for the source, nice work.:D
LikeLike
Nice work – can you make it flip backward also? Hard to read a 1 way book 🙂
LikeLike
Dear Rajneesh,
Page flip is very impressive. if i try it with single page it working fine.
But when i execute this page in content frame it works with latency.
When i navigate another page it crash the program. with following error message
value does not fall within the expected range
ms.internal.xcpimports.methodex
ms.internal.xcpimports.methodepack
PLease look into and help ASAP
i am using VS2010 and SL 4
LikeLike
This works for silverlight for embeddeed?
LikeLike
Silverlight is supported on window 7 mobile and this should work on device too..
LikeLike
Nice..Nice…Nice….There is no option to turn the previous page. I hope you will do that soon.
LikeLike
Hi Rajneesh
Please can you do a backward flip??? or where I can find a backward flip please?? or how to do a backward flip???
LikeLike
Good Work and nice post…….
LikeLike
I will be soon comming up with another page flip control with integreated deepZoom and backward flip.The application will create deepzoom source on fly from images.Just drag and drop your pictures on book and it will be published on book.
LikeLike
Thanks to Rajneesh’s code, we have created a great looking ebook in Silverlight. And the best part was, we have also integrated the reverse/backward flip functionality. We also have menu driven functionality and next/back button for navigational purpose. Please feel free to contact us at hareshs@eurekasolutions.in for more information.
LikeLike
First of all thanks very much for the work and sharing and who else behind all and i just wonder if there is a tutorial for this? any book? i would love to buy it! Thanks.
LikeLike
Thanks for sharing it. How can i make some resizing and full page view because it’s too small! any help will appreciated! thanks
master7lord@hotmail.com
LikeLike
i am working on another page flip control with integrated deepzoom feature,page flip control via keyboard,farward & bakword page flip etc. will share it as sson i finished the poc
LikeLike
another page flip control is now available at http://www.rajneeshnoonia.com/blog/2011/06/page-flip-with-deep-zoom/
LikeLike
Is it possible to have automatic flip without using mouse click…Just with in fraction of seconds automatic Page turning flip
LikeLike
hi
i was trying same in windows phone 7 but its not working , the image is going outside the phone surfacce
LikeLike
I haven’t tested this on windows phone 7 , you may need to twick little bit.
LikeLike
Did anyone implement it on a full screen image or implement the backward flip he can send?
LikeLike
It’s very appreciated that you share the source code here. Thanks!
May the page flip software can do a favor who want to create digital magazines.
LikeLike
Dear Rajneesh,
This is excellent. However, I cannot download the source code. Can you please send the source code to q.h.rong@gmail.com
Chris
LikeLike
Sorry for inconvenience ..
The links were back for few months and were again removed by ISP.
All source code is now available on Sky drive,Please use below mentioned URL to get the source code till the links on blog are fixed.
Source code http://sdrv.ms/1fEDAfw
Regards
Rajnish
LikeLike