讓快顯 UI 產生動畫效果 (HTML)
[ 本文的目標對象是撰寫 Windows 執行階段 App 的 Windows 8.x 和 Windows Phone 8.x 開發人員。如果您正在開發適用於 Windows 10 的 App，請參閱 最新文件 ]
使用快顯動畫來顯示和隱藏快顯 UI，其中包括操作功能表和飛出視窗。快顯元素是顯示在應用程式內容之上的容器，如果使用者點選或按一下快顯元素以外的地方則會關閉。這些動畫主要用於自訂控制項。Flyout 和 Menu 控制項都包含快顯動畫。如果您在應用程式中使用這些控制項，則不需要自己提供這些動畫。
這組動畫包含下列 API：
下列視訊示範顯示和隱藏快顯 UI 的動畫：
showPopup 動畫包括平移，它是快顯元素淡入或淡出時從初始位置到最後位置的垂直移動。平移距離和方向是由應用程式指定的。在大部分的情況下，平移應該向上移動 50 個像素。不過，如果快顯元素顯示在觸發快顯的 UI 元素下方，則平移應該向下移動 50 個像素。例如，從瀏覽列或應用程式標頭所觸發的飛出視窗，都會套用這種向下平移。這表示要在快顯元素及其觸發元素之間提供一個視覺連結給使用者。
若要使用快顯動畫，您必須知道要顯示或消失的物件，如果是 showPopup，則需要知道物件顯示時將移動的位移。
其他資源
如需示範使用快顯 UI 動畫 API 的程式碼範例，請參閱 HTML 動畫庫範例。
如需使用這個動畫設計的最佳做法，請參閱快顯 UI 動畫的指導方針和檢查清單。