Lottie Animationen in eine .NET MAUI App integrieren
Bereits im Jahre 2018 habe ich hier in meinem Blog Lottie vorgestellt. Bei Lottie handelt es sich um eine Library aus der Feder von airbnb, welche Animationen nativ au zahlreichen Plattformen anzeigen möchten. Die Animationen lassen sich dabei bequem z.B. in After Effects erstellen und dann als JSON-Datei exportieren, die dann ganz einfach in verschiedene Apps integriert werden kann. Ich habe im im Jahre 2021 einen Blog-Post veröffentlicht, welche die Integration in Xamarin.Forms zeigt und nun ist es an der Zeit das ganze auch für .NET MAUI umzusetzen.
Animationen in Xamarin.Forms mit Lottie
Vor ein paar Jahren habe ich bereits Lottie hier im Blog vorgestellt. Da sich in der vergangen Zeit ein wenig was im Handling geändert hat, werde ich in diesem Beitrag nun zeigen, wie ihr Animationen mit Lottie in eure Xamarin.Forms Apps integrieren könnt. Zunächst ein paar Worte zu Lottie. Dabei handelt es sich um eine Library für Android, iOS, Web und Windows, welche die Möglichkeit bietet Animationen, welche mit Adobe After Effects erstellt und als JSON-Datei abgespeichert wurden nativ auf den mobilen Endgeräten und im Web rendern kann. Entwickelt wir Lottie dabei von der Firma AirBnB und steht kostenfrei zur Verfügung.
Die Ausgangslage bildet eine leere Xamarin.Forms App. Als nächstes stellen wir sicher, dass alle NuGet-Pakete aktualisiert sind.
Lottie-Animationen bearbeiten
In einem früheren Beitrag habe ich euch ja bereits Lottie vorgestellt, einer Library um bequem und einfach Animationen aus After Effects in die eigene App zu integrieren. Ebenso habe ich auf die Webseite lottiefiles.com hingewiesen, welche eine Vielzahl von verschiedenen Animationen zur Verwendung zur Verfügung stellt. In diesem Beitrag möchte ich nun auf ein kleines Tool hinweisen, welches es ermöglicht die Animationen ohne After Effects zu editieren, wenigstens in den Farben.
Xamarin.Forms Animationen mit Lottie
Ich habe bereits in einem früheren Artikel hier in meinem Blog über Animationen von Controls unter Xamarin.Forms berichtet. Nun möchte ich dieses Thema erneut aufgreifen und zeigen, wie man mit Lottie bequem und einfach Animationen in seine eigene App integrieren kann. Zunächst möchte ich allerdings die Frage beantworten, was Lottie eigentlich ist. Dabei handelt es sich um eine Library aus der Feder von Airbnb, welche Animationen nativ auf zahlreichen Plattformen anzeigen möchte. Die Animationen stammen dabei aus After Effects und werden mit einem Plugin in eine JSON-Datei konvertiert, welche dann innerhalb der Apps abgespielt werden können.