Ein- und AusblendungsanimationenFade animations

Verwenden Sie Ein- und Ausblendungsanimationen, um Elemente anzuzeigen oder nicht anzuzeigen.Use fade animations to bring items into a view or to take items out of a view. Die beiden üblichen Animationen dieser Art sind das Einblenden und das Ausblenden.The two common fade animations are fade-in and fade-out.

Wichtige APIs: faderpoinmeanimation-Klasse, fadeoutpoinmeanimation-KlasseImportant APIs: FadeInThemeAnimation class, FadeOutThemeAnimation class

Empfohlene und nicht empfohlene VorgehensweisenDo's and don'ts

  • Wenn die App zwischen nicht verbundenen oder textlastigen Elementen wechselt, sollten Sie eine Ausblendungsanimation gefolgt von einer Einblendungsanimation verwenden.When your app transitions between unrelated or text-heavy elements, use a fade-out followed by a fade-in. Auf diese Weise kann das ausgehende Objekt vollständig ausgeblendet werden, bevor das eingehende Objekt sichtbar wird.This allows the outgoing object to completely disappear before the incoming object is visible.
  • Blenden Sie die eingehenden Elemente über den ausgehenden Elementen ein, wenn die Größe der Elemente konstant bleibt und die Benutzer den Eindruck haben sollen, das gleiche Element zu sehen.Fade in the incoming element or elements on top of the outgoing elements if the size of the elements remains constant, and if you want the user to feel that they're looking at the same item. Sobald die Einblendung abgeschlossen ist, kann das ausgehende Element entfernt werden.Once the fade-in is complete, the outgoing item can be removed. Diese Vorgehensweise ist nur dann geeignet, wenn das ausgehende Element vom eingehenden Element vollständig verdeckt wird.This is only a viable option when the outgoing item will be completely covered by the incoming item.
  • Vermeiden Sie es, dass bei Ein- und Ausblendungsanimationen Elemente einer Liste hinzugefügt oder daraus gelöscht werden sollen.Avoid fade animations to add or delete items in a list. Verwenden Sie stattdessen die zu diesem Zweck erstellten Listenanimationen.Instead, use the list animations created for that purpose.
  • Verwenden Sie Ein- und Ausblendungsanimationen möglichst nicht, um den gesamten Inhalt einer Seite zu ändern.Avoid fade animations to change the entire contents of a page. Verwenden Sie stattdessen die zu diesem Zweck erstellten Seitenübergangsanimationen.Instead, use the page transition animations created for that purpose.
  • Ausblenden ist eine gute Möglichkeit, um ein Element zu entfernen.Fade-out is a subtle way to remove an element.