Richtlinien für Inhaltsübergangsanimationen

Applies to Windows and Windows Phone

Mithilfe von Inhaltsübergangsanimationen können Sie den Inhalt eines Bildschirmbereichs ändern und gleichzeitig den Container oder Hintergrund unverändert lassen. Neuer Inhalt wird eingeblendet. Muss vorhandener Inhalt ersetzt werden, wird dieser Inhalt ausgeblendet.

Empfohlene und nicht empfohlene Vorgehensweisen

  • Verwenden Sie Inhaltsübergänge, wenn mehrere neue Elemente in einen leeren Container aufgenommen werden sollen. Beispielsweise ist nach dem anfänglichen Laden einer App ein Teil des Inhalts nicht sofort für die Anzeige verfügbar. Wenn der Inhalt bereit zum Anzeigen ist, nehmen Sie diesen verzögerten Inhalt mithilfe einer Inhaltsübergangsanimation in die Ansicht auf.
  • Mit Inhaltsübergängen können Sie einen Satz Inhalt durch einen anderen ersetzen, der sich bereits im gleichen Container in einer Ansicht befindet.
  • Wenn Sie den neuen Inhalt aufnehmen, ziehen Sie diesen entgegen des normalen Seitenflusses oder der Leserichtung in die Ansicht. Wenn die Animation beispielsweise neuen Inhalt in ein Dokument aufnehmen soll, das von links nach rechts fließt, sollte der hinzukommende Inhalt von rechts nach links in die Ansicht bewegt werden.
  • Stellen Sie neue Inhalte auf logische Art und Weise vor. Geben Sie beispielsweise die wichtigsten Inhalte zuletzt bekannt.
  • Wenn Sie den Inhalt mehrerer Container aktualisieren möchten, lösen Sie alle Übergangsanimationen ohne Staffelung oder Verzögerung gleichzeitig aus.
  • Verwenden Sie Inhaltsübergangsanimationen nicht, wenn sich die gesamte Seite ändert. Verwenden Sie in diesem Fall die Seitenübergangsanimationen.
  • Verwenden Sie Inhaltsübergangsanimationen nicht, wenn der Inhalt nur aktualisiert wird. Inhaltsübergangsanimationen sollen auf Bewegungen hinweisen. Verwenden Sie für Aktualisierungen Ein- und Ausblendungsanimationen.

Verwandte Themen

Für Designer
Richtlinien für das Hinzufügen und Löschen
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
Richtlinien für Wischanimationen
Für Entwickler (Windows-Runtime-Apps mit JavaScript und HTML)
HTML-Beispiel für die Animationsbibliothek
Animieren der Benutzeroberfläche
Animieren von Inhaltsübergängen
enterContent
exitContent
Für Entwickler (Windows-Runtime-Apps mit C#/VB/C++ und XAML)
Animieren der Benutzeroberfläche
Animieren von Inhaltsübergängen
Schnellstart: Animieren der Benutzeroberfläche anhand von Bibliotheksanimationen
ContentThemeTransition

 

 

Anzeigen:
© 2014 Microsoft