快顯 UI 動畫的指導方針

Applies to Windows and Windows Phone

使用快顯動畫來顯示和隱藏快顯 UI,其中包括操作功能表和飛出視窗。快顯元素是顯示在應用程式內容之上的容器,如果使用者點選或按一下快顯元素以外的地方則會關閉。

正確使用快顯動畫

  • 使用快顯動畫來顯示或隱藏自訂快顯 UI 元素 (如操作功能表或飛出視窗) 或不屬於應用程式頁面一部分的其他與內容相關的 UI。快顯元素顯示時移動的建議距離是 50 個像素。Windows 提供的常用控制項已經內建這些動畫。
  • 請勿對工具提示或對話方塊使用快顯動畫。請使用淡入/淡出動畫顯示和隱藏自訂工具提示或對話方塊。
  • 請勿在應用程式主要內容內使用快顯動畫來顯示或隱藏 UI。只使用快顯動畫來顯示或隱藏會顯示在主應用程式內容上方的快顯容器。

相關主題

適用於設計者
新增和刪除動畫的指導方針
內容轉換動畫的指導方針
拖曳動畫的指導方針
以邊緣為基礎之 UI 動畫的指導方針
淡入/淡出動畫的指導方針
頁面轉換動畫的指導方針
指標按一下動畫的指導方針
重新定位動畫的指導方針
撥動動畫的指導方針
適用於開發人員 (HTML)
HTML 動畫庫範例
讓 UI 產生動畫效果
讓快顯 UI 產生動畫效果
WinJS.UI.Animation.showPopup function
WinJS.UI.Animation.hidePopup function
適用於開發人員 (XAML)
讓 UI 產生動畫效果
讓快顯 UI 產生動畫效果
快速入門:使用動畫庫讓 UI 產生動畫效果
PopInThemeAnimation class
PopOutThemeAnimation class
PopupThemeTransition class

 

 

顯示:
© 2014 Microsoft