Schlagwort: Animation

Animationen konfigurieren In den vorangegangenen Teilen dieser Artikelserie (siehe Linksammlung am Ende des Artikels) haben wir bereits die grundlegende Funktionsweise und Erstellung von Animationen in SwiftUI kennengelernt. An dieser Stelle möchte ich euch verschiedene Methoden vorstellen, mit denen ihr vorhandene Animationen auf Basis der Animation-Structure zusätzlich konfigurieren könnt. Bei diesen Methoden handelt es sich um: Mit delay(_:) verzögert ihr die Ausführung einer Animation um die übergebene Dauer in Sekunden. Möchtet ihr eine lineare Animation so beispielsweise erst nach drei Sekunden…

Verschiedene Animationen auf eine View anwenden Besitzt eine View mehr als eine animierbare Eigenschaft, ist es möglich, jede davon mit einer eigenen separaten Animation zu versehen. So lässt sich beispielsweise eine Änderung der Deckkraft anders animieren als die gleichzeitige Anpassung der Hintergrundfarbe einer View. Um solche Kombinationen von verschiedenen Animationen umzusetzen, nutzt man den animation(_:)-Modifier und wendet ihn auf all jene Eigenschaften an, die mit jeweils einer eigenen Animation versehen werden sollen. Ein konkretes Beispiel hierzu findet ihr im folgenden…

Die withAnimation(_:_:)-Funktion In den vorangegangenen Artikeln dieser Serie (siehe Linksammlung am Ende des Artikels) haben wir bereits die Animation-Structure sowie den animation(_:)-Modifier kennen gelernt. Beide Elemente ermöglichen es uns, eine SwiftUI-View mit einer Animation zu versehen. Diese Animation wird immer dann ausgelöst, wenn sich eine animierbare Eigenschaft der View ändert. SwiftUI bietet aber noch eine zweite Möglichkeit, um Animationen in Views auszulösen. Statt auf View-Ebene (wie bei Einsatz des animation(_:)-Modifiers) findet diese zweite Option auf Status-Ebene statt. Doch was bedeutet…

Der animation(_:)-Modifier Im ersten Teil dieser Artikelreihe habe ich euch die Animation-Structure vorgestellt und verschiedene Beispiele gezeigt, wie sich grundlegende Animationen mithilfe dieses Typs im Code umsetzen lassen. Nun geht es weiter mit der Anwendung einer solchen Animation auf eine View. Doch um überhaupt eine Animation anwenden zu können, muss man zunächst einmal verstehen, wie Animationen in SwiftUI ablaufen. So lassen sich Animationen nur auf sogenannte animierbare Eigenschaften einer View anwenden. Dazu gehören beispielsweise Farbe, Deckkraft, Größe oder Rotation. Nur…

Die Animation-Structure SwiftUI bringt ein eigenes System zur Umsetzung von View-Animationen mit. Damit lassen sich Animationen abseits der Standards umsetzen, die man beispielsweise beim Einblenden von Sheets oder beim Bearbeiten von Zellen einer Liste bereits out of the box erhält. In dieser Artikelreihe stelle ich euch das Animations-System von SwiftUI Schritt für Schritt vor und erläutere die verschiedenen relevanten Aspekte. Los geht’s hierbei mit der Structure Animation. Animation ist das Herzstück für die Umsetzung von Animationen mit SwiftUI. Über sie…