撥動動畫的指導方針

實作撥動手勢來選取項目時,請使用撥動動畫。

可行與禁止事項

  • 如果使用者沒有將項目拖曳到足以切換選取狀態的位置之前就被放開,請使用撥動選取動畫,將項目移回它的停留位置而不要變更選取狀態。
  • 確定撥動動畫的方向與使用者的撥動手勢方向一致。
    • 在水平捲動內容的情況下,撥動方向是垂直的,如此一來,撥動動畫順序應該是向下移動再向上移回。
    • 在垂直捲動內容的情況下,撥動方向是水平的,如此一來,撥動動畫順序應該按照應用程式的閱讀順序水平移動。
      • 對於從左至右閱讀順序的應用程式,動畫應該先向右再向左移動。
      • 對於從右至左閱讀順序的應用程式,動畫應該先向左再向右移動。
  • 將項目移動撥動動畫的建議距離,如果垂直移動是 15 個像素,如果水平移動是 23 個像素。

相關主題

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

 

 

顯示:
© 2015 Microsoft