整個翻頁動畫可以概括為:
1、完全繪制出第3頁和第4頁。在繪制完成之後,B和C部分將會遮擋住第4頁的原來可見部分。
2、計算出對稱線和B和C的裁剪區域。
3、繪制B部分。這是下面的一頁的部分區域(第6頁)。
4、根據熱點進行相應轉換,並且進行相應旋轉。
5、繪制C部分。這是第4頁在翻頁過程中顯示的它的背面(第5頁)的內容。
當前頁
《FalshMX中的翻頁效果》一文中指出當前頁並不參與翻頁效果。這就意味著在翻頁中的每一面(第3頁和第4頁)都會首先被不進行任何裁減和轉換就繪制出來。B和C這兩個可見部分將會在當前頁之上進行繪制。
熱點
“熱點”這個詞是我從《FalshMX中的翻頁效果》一文中借鑒過來的。熱點一詞代表在翻頁時折痕在水平軸線上的位置,它標明對稱線的起始位置。在翻頁過程中,熱點一直在從頁邊緣到書中間這段距離之間移動。從頁邊到熱點的這段距離(x)將隨著頁面的翻動而變化。當熱點到達書的中間位置時,動畫就停止了,這時x=PAGE_WIDTH。
對稱線
對稱線代表翻頁時頁面的折痕。它是用於計算在翻頁時參與的頁面可見部分。在程序中,對稱線控制兩件事情:
1、B和C部分的裁剪區域。