C# 與 GDI+ 實現雜誌翻頁動畫效果（一）—— 專案背景與核心概念

說明：作者曾參與電子雜誌專案，需模擬真實翻頁效果。本文翻譯自 CodeProject 文章，原文網址：https://www.codeproject.com/KB/GDI-plus/TurnThePage.ASPx。若英文夠好建議閱讀原文。

專案簡介

圖 1：翻頁效果展示

本文介紹在電子書或相簿並列顯示圖片時，如何創建模擬實體書本翻頁的動畫效果。

背景緣起

靈感源於可重用圖片顯示組件的需求。使用 C# 與 GDI+ 深化對 .NET 圖形程式設計的理解。

技術來源：Sham Bhangal 的《Flash MX 中的翻頁效果》（原文連結）。文中闡述如何利用對稱線控制頁面可見區域。雖 Flash MX 與 GDI+ 處理不同，但利用對稱線計算可見部分的核心概念相通。

動畫場景設定

假設第 3、4 頁為當前頁，下一動作翻至第 5、6 頁。即展示第 4 頁的翻頁過程。

動畫關鍵區域與參數

圖 2：關鍵區域（A、B、C）與參數示意