Richtlinien für Wischanimationen

Applies to Windows and Windows Phone

Verwenden Sie Wischanimationen, wenn Sie die Wischbewegung für die Auswahl eines Elements implementieren.

Empfohlene und nicht empfohlene Vorgehensweisen

  • Wenn Benutzer ein Element nicht weit genug gezogen haben, um den Auswahlstatus vor dem Beenden des Ziehens umzuschalten, verwenden Sie die Animation für Auswählen durch Wischen, um das Element ohne Änderung des Auswahlstatus zurück an seine Ausgangsposition zu verschieben.
  • Stellen Sie sicher, dass die Richtung der Wischanimation der Richtung der Wischbewegung der Benutzer entspricht.
    • Beim horizontalen Bildlauf in Inhalten wird die Wischbewegung in vertikaler Richtung ausgeführt. Daher sollte die Wischanimationssequenz nach unten und dann wieder nach oben verlaufen.
    • Beim vertikalen Bildlauf in Inhalten wird die Wischbewegung in horizontaler Richtung ausgeführt. Daher sollte die Wischanimationssequenz gemäß der Leserichtung der App horizontal verlaufen.
      • Bei einer App mit Leserichtung von links nach rechts sollte die Animation nach rechts und dann nach links verlaufen.
      • Bei einer App mit Leserichtung von rechts nach links sollte die Animation nach links und dann nach rechts verlaufen.
  • Verschieben Sie das Element entsprechend der empfohlenen Distanz für Wischanimationen, d. h. 15 Pixel für eine vertikale Verschiebung bzw. 23 Pixel für eine horizontale Verschiebung.

Verwandte Themen

Für Designer
Richtlinien für das Hinzufügen und Löschen
Richtlinien für Inhaltsübergangsanimationen
Richtlinien für Ziehanimationen
Richtlinien für randbasierte UI-Animationen
Richtlinien für Ein- und Ausblendungsanimationen
Richtlinien für Seitenübergangsanimationen
Richtlinien für Zeigerklickanimationen
Richtlinien für Positionsänderungsanimationen
Richtlinien für Popup-UI-Animationen
Für Entwickler (HTML)
HTML-Beispiel für die Animationsbibliothek
Animieren der Benutzeroberfläche
Animieren von Wischbewegungen
WinJS.UI.Animation.swipeReveal function
WinJS.UI.Animation.swipeSelect function
WinJS.UI.Animation.swipeDeselect function
Für Entwickler (XAML)
Animieren der Benutzeroberfläche
Animieren von Wischbewegungen
Schnellstart: Animieren der Benutzeroberfläche anhand von Bibliotheksanimationen
SwipeHintThemeAnimation class
SwipeBackThemeAnimation class

 

 

Anzeigen:
© 2014 Microsoft