Using C # and GDI + to achieve the effect of magazine flip-page animation

Description: Before I participated in an electronic magazine project, then asked to realize the simulation of the real life of the magazine page animation effect, others recommended this article, and finally reached the effect I want, today to try to translate this article. Hope that the English level is not very good colleagues to help. If your English is good enough, I recommend you to read the original English, the URL is: http://www.codeproject.com/KB/GDI-plus/TurnThePage.aspx, at the same time I hope you forgive my translation level.

Introduced

Figure 1 Page Effect

This article is used to describe how to create a page-flipping effect in an ebook or an electronic photo album, which mimics the page-flipping of a book by displaying the picture in parallel.

Background

Writing this article is inspired by the need for a reusable component to display pictures. I used C # and GDI + to improve my understanding of the programming of. NET graphic images.

The technical background for creating this effect comes from an article "page-flipping effect in FALSHMX", the Web site is: http://www.oreillynet.com/pub/a/javascript/2004/09/03/ Flashhacks.html, the author is Sham Bhangal. Sham in the article how to use symmetrical lines in animation effects to control the visible part of the page. Although processing in Flash MX and in GDI + is somewhat different, the concept of using symmetrical lines to compute the visible part of a page is the same.

In this article, we assume that pages 3rd and 4th are the current page, and that the next action is to turn to page 5th and 6th. In other words, we are going to show the page-flipping effect of the 4th.

Animation tips

The following figure illustrates the key areas and areas of change throughout the animation.

Figure 2 key areas and parameters