Der Herausgeber von Downcodes führt Sie zu Rives neuester Layout-Funktion! Es löst das Problem der Bildschirmanpassung für Designer und Entwickler vollständig und macht es einfacher als je zuvor, dynamisch ansprechende animierte Grafiken zu erstellen. Anstatt separate Versionen für verschiedene Geräte und Bildschirmgrößen zu erstellen, können Layouts automatisch an verschiedene Plattformen angepasst werden, um konsistente Animationseffekte zu gewährleisten. Außerdem werden mehrere Sprachen unterstützt und die Layoutgröße automatisch an die Textlänge verschiedener Sprachen angepasst. Dies ist zweifellos ein großer Segen für Entwickler, die ein einheitliches visuelles Erlebnis auf allen Plattformen anstreben.
Designer und Entwickler können sich endlich von der Angst befreien, von der „Bildschirmanpassung“ dominiert zu werden! Rive hat kürzlich eine neue Funktion namens „Layouts“ veröffentlicht, mit der Benutzer dynamische und reaktionsfähige animierte Grafiken erstellen können, die sich automatisch an verschiedene Geräte und Bildschirmgrößen anpassen können Beibehaltung der typischen Interaktivität und flüssigen Animationen von Rive.
Eines der Highlights von Layouts ist die geräteübergreifende Kompatibilität. Der Grafikübergang zwischen Auto-Armaturenbrettern und Smartphones erfolgt reibungslos und sorgt für eine einheitliche Optik. Designer müssen eine Grafik nur einmal erstellen und sie passt sich automatisch plattformübergreifend an, sodass nicht mehr für jede Plattform separate Versionen erstellt werden müssen.
Layouts unterstützt auch mehrere Sprachen und bietet die Möglichkeit, die Größe von Layouts basierend auf der Sprachlänge automatisch anzupassen . Wenn der Text beispielsweise lang ist, kann Layouts das Textfeld neu anordnen oder seine Größe ändern, um den Anzeigeanforderungen verschiedener Sprachen gerecht zu werden. Dies stellt eine einheitliche Anzeige in allen Sprachen sicher und Entwickler müssen sich keine Gedanken über Layoutprobleme machen, die in verschiedenen Sprachen auftreten können.
Für Designer, die komplexe Layouts erstellen müssen, bietet Layouts Optionen für tief verschachtelte und flexible Layouts. Designer können Ausrichtungs-, Umbruch- und Abstandsoptionen verwenden, um komplexe UI-Layouts zu erstellen, z. B. mehrere Ebenen von UI-Elementen oder komplexe Strukturen, die auf verschiedenen Bildschirmen angepasst werden müssen.
Layouts unterstützt auch Haltepunkte , die die Zustandsmaschine von Rive dazu veranlassen können, verschiedene Animationen oder Layoutänderungen basierend auf Änderungen der Komponentenbreite, -höhe oder -proportionen durchzuführen. Beispielsweise kann Layouts automatisch in ein anderes Layout oder einen anderen Animationsstatus wechseln, wenn der Bildschirm vom Querformat ins Hochformat wechselt.
Im Gegensatz zu anderen Design-Tools ermöglicht Rive Layouts Designern die freie Wahl, ob Objekte an der Layout-Engine teilnehmen, und sie können auch jederzeit Layout-Regeln brechen und frei entwerfen. Dies bedeutet, dass Designer freie Elemente wie stark animierte Charaktere in strukturiertere Layouts einbetten können, um flexible Designeffekte zu erzielen. Auch bei Layoutanpassungen bleibt die Animation des Charakters flüssig und wird nicht durch die Layout-Engine eingeschränkt.
Darüber hinaus unterstützt Layouts auch die Integration mit dem Constraints-System (Constraints) von Rive, sodass Sie sich von traditionellen hierarchischen Beziehungen im Design lösen können. Selbst wenn sich das UI-Layout ändert, kann die Animation die ursprüngliche Position und Form genau und kontrollierbar beibehalten und so die Stabilität des visuellen Effekts gewährleisten. Wenn sich beispielsweise das Seitenlayout ändert, passt das Einschränkungssystem die zugehörigen Elemente automatisch an, um Layoutverwechslungen zu vermeiden.
Komponenten in Layouts können über die Zustandsmaschine von Rive gesteuert werden und je nach Breite, Höhe oder Proportion der Komponente unterschiedliche Zustandsänderungen auslösen. Dadurch können Designer interaktive Animationen zu ihren Layouts hinzufügen, z. B. je nach Gerätebildschirm unterschiedliche Animationssequenzen oder Reaktionseffekte auslösen. Mit der Zustandsmaschine von Rive können Sie außerdem jedes Detail der Animation steuern, während sich das Layout anpasst, sodass Designer mehrere reaktionsfähige und interaktive Animationen in einem einzigen Design kombinieren können, um Benutzern ein umfassenderes visuelles Erlebnis zu bieten.
Details: https://rive.app/blog/introducing-layouts
Alles in allem hat das Aufkommen von Rive Layouts Designern und Entwicklern großen Komfort gebracht, den Prozess des plattformübergreifenden Animationsdesigns erheblich vereinfacht und ein besseres Animationsdesign in greifbare Nähe gerückt. Entdecken Sie es jetzt!