Pixytech

Silverlight Page Flip

10th Apr 2010

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

24 responses to “Silverlight Page Flip”

John Torri

Apr 10, 2010 at 10:32 pm

Very impressive implementation … good work & thanks for sharing code..

LikeLike

Reply
Nk54

May 4, 2010 at 7:35 am

Very nice ! thx 🙂

LikeLike

Reply
Nk54

May 4, 2010 at 7:37 am

Imagine this with some deepzoom picture ^^

LikeLike

Reply
patapon

Jul 26, 2010 at 11:42 am

thanks for the source, nice work.:D

LikeLike

Reply
chadbr

Aug 19, 2010 at 6:17 pm

Nice work – can you make it flip backward also? Hard to read a 1 way book 🙂

LikeLike

Reply
Gurvinder

Sep 25, 2010 at 12:22 pm

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

Reply
Andre Natal

Nov 15, 2010 at 9:20 pm

This works for silverlight for embeddeed?

LikeLike

Reply
Rajneesh Noonia

Nov 16, 2010 at 1:17 am

Silverlight is supported on window 7 mobile and this should work on device too..

LikeLike

Reply
Vikram

Jan 19, 2011 at 10:58 pm

Nice..Nice…Nice….There is no option to turn the previous page. I hope you will do that soon.

LikeLike

Reply
Matus

Mar 13, 2011 at 3:03 pm

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

Reply
sanghi K K

Mar 14, 2011 at 5:57 am

Good Work and nice post…….

LikeLike

Reply
Rajneesh Noonia

Mar 26, 2011 at 9:42 am

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

Reply
Haresh Shah

Jun 14, 2011 at 2:16 pm

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

Reply
Moutlou

Jun 15, 2011 at 5:10 pm

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

Reply
Moutlou

Jun 17, 2011 at 7:02 pm

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

Reply
1. Rajneesh Noonia
  
  Jun 29, 2011 at 12:02 am
  
  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
  
  Reply
Rajneesh Noonia

Jun 29, 2011 at 1:13 am

another page flip control is now available at http://www.rajneeshnoonia.com/blog/2011/06/page-flip-with-deep-zoom/

LikeLike

Reply
subbu

Jul 13, 2011 at 8:24 pm

Is it possible to have automatic flip without using mouse click…Just with in fraction of seconds automatic Page turning flip

LikeLike

Reply
sharon

Oct 28, 2011 at 10:59 am

hi
i was trying same in windows phone 7 but its not working , the image is going outside the phone surfacce

LikeLike

Reply
1. Rajneesh Noonia
  
  Nov 3, 2011 at 11:18 pm
  
  I haven’t tested this on windows phone 7 , you may need to twick little bit.
  
  LikeLike
  
  Reply
Eric

Feb 17, 2012 at 11:30 am

Did anyone implement it on a full screen image or implement the backward flip he can send?

LikeLike

Reply
Amevyr

Feb 20, 2012 at 9:28 am

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

Reply
Chris

Jul 22, 2013 at 8:11 pm

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

Reply
1. Rajnish Noonia
  
  Sep 25, 2013 at 10:19 pm
  
  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
  
  Reply