讓頁面轉換產生動畫效果 (HTML)

[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App,請參閱 最新文件 ]

使用頁面轉換動畫來顯示新啟動應用程式的第一頁或應用程式中頁面之間的轉換。 新頁面會從淡入的位移處滑入至定位。當新內容淡入時,現有內容就會淡出。新頁面會分割成數個區域,而每個區域都會利用交錯的時間,個別移入畫面。您可以指定將傳入頁面分割成區域的方式。

這組動畫包含下列 API:

下列視訊示範將內容頁面帶入檢視中的動畫:

下列視訊示範從檢視移除內容頁面的動畫:

若要使用這些動畫,您必須知道:

  • 傳出物件
  • 傳入物件。
  • 連入內容進入時將滑動的距離與方向。
    • 建議的方向是與閱讀順序相反的方向。

其他資源

如需示範使用頁面轉換動畫 API 的程式碼範例,請參閱 HTML 動畫庫範例

如需使用這些動畫設計的最佳做法,請參閱頁面轉換動畫的指導方針和檢查清單

相關主題

讓 UI 產生動畫效果

讓內容轉換產生動畫效果

enterPage

exitPage