Rive hat ein neues Feature -Layouts auf den Markt gebracht, das die Bildschirmanpassung animierter Grafiken vollständig verändert hat! Verabschiedung von den mühsamen Anpassungsarbeiten und Entwicklern können leicht dynamische und reaktionsschnelle Animationen erstellen, die sich automatisch an eine Vielzahl von Bildschirmgrößen und -geräten anpassen und immer die einzigartige Interaktivität und Flüssigkeit von Rive aufrechterhalten. Die Layouts -Funktion ist wie ein "universelles Layout -Artefakt", mit dem Ihre Animationen auf verschiedenen Plattformen perfekt präsentiert werden können, ohne separate Versionen für jede Plattform erstellen zu müssen. Es unterstützt tiefes Nisten und flexibles Layout und kann mit dem Einschränkungssystem von Rive kombiniert werden, um raffiniertere und stabilere Animationseffekte zu erzielen.
Designer und Entwickler können endlich die Angst, von "Bildschirmanpassung" dominiert zu werden, kürzlich eine neue Funktion namens Layouts veröffentlicht, mit der Benutzer dynamische und reaktionsschnelle Grafiken erstellen können, die sich automatisch an verschiedene Geräte und Bildschirmgröße anpassen können Signaturinteraktivität und glatte Animationseffekte.
Was genau ist Layouts?
Mit Layouts können Designer leicht Layouts erstellen, die sich automatisch an die Bildschirmgröße anpassen, wie z. B. Schaltflächen, Listen oder Menüs, die sowohl auf Telefonen als auch auf Computern perfekt angezeigt werden. Designer können frei wählen, welche Elemente die Layoutregeln befolgen und welche unabhängig angezeigt werden können.
Darüber hinaus können Sie den Layoutelementen Animationen hinzufügen, um die Schnittstelle lebhafter und flexibler zu gestalten. Zum Beispiel kann eine Grafik ausgelegt werden, die automatisch nach Position, Größe, innere Ränder und äußere Ränder zu allen Geräten geändert wird. Bei der Verwendung von Layouts kann die Grafiken entsprechend der Bildschirmgröße skaliert und neu ausgerichtet werden, ohne Animationseffekte zu verlieren.
Ein Höhepunkt der Layouts ist die Kompatibilität der Kreuzung. Grafiken ermöglichen reibungslose Übergänge zwischen dem Armaturenbrett des Autos und dem Smartphone, wodurch ein konsistenter visueller Effekt aufrechterhalten wird. Der Designer muss nur einmal die Grafiken erstellen und werden automatisch auf jeder Plattform anpassen, ohne eine separate Version für jede Plattform zu erstellen.
Layouts unterstützt auch mehrsprachige und kann die Layoutgröße automatisch entsprechend der Sprachlänge anpassen. Wenn der Text beispielsweise lang ist, können Layouts das Textfeld neu anordnen oder die Größe der Größe der Anzeigeanforderungen verschiedener Sprachen ändern. Dies stellt sicher, dass alle Sprachen konsequent angezeigt werden und Entwickler sich keine Sorgen über die möglichen Layoutprobleme machen müssen, die durch verschiedene Sprachen verursacht werden.
Für Designer, die komplexe Layouts erstellen müssen, bietet Layouts Optionen für tiefe Verschachtelung und flexible Layouts. Designer können die Optionen für Ausrichtung, Leitungsunterbrechungen und Abstand verwenden, um komplexe UI-Layouts wie mehrstufige UI-Elemente oder komplexe Strukturen zu erstellen, die auf verschiedenen Bildschirmen eingestellt werden müssen.
Layouts unterstützt auch Breakpoints, die die Statusmaschine von Rive basierend auf Änderungen der Breite, der Höhe oder des Anteils der Komponenten auslösen und unterschiedliche Animationen oder Layoutänderungen durchführen können. Wenn der Bildschirm beispielsweise von der Landschaft zu Porträt wechselt, können Layouts automatisch zu einem anderen Layout- oder Animationsstatus wechseln.
Im Gegensatz zu anderen Konstruktionswerkzeugen ermöglichen Rive -Layouts Designer, frei zu wählen, ob Objekte an der Layout -Engine teilnehmen und die Layout -Regeln jederzeit aufbrechen und frei entwerfen können. Dies bedeutet, dass Designer kostenlose Elemente wie hoch animierte Charaktere in ein strukturierteres Layout einbetten können, um flexible Designeffekte zu erzielen. Selbst wenn Layout -Anpassungen vorgenommen werden, können die Animationen des Charakters reibungslos bleiben und werden nicht durch die Layout -Engine eingeschränkt.
Darüber hinaus unterstützt Layouts die Integration in das Einschränkungen von Rive und ermöglicht traditionelle hierarchische Beziehungen im Design. Auch wenn sich das UI -Layout ändert, kann die Animation die ursprüngliche Position und Form genau und kontrollierbar beibehalten und die Stabilität des visuellen Effekts sicherstellen. Wenn sich das Seitenlayout beispielsweise ändert, passt das Einschränkungssystem automatisch die relevanten Elemente an, um eine Layoutstörung zu vermeiden.
Komponenten in Layouts können über die Statusmaschine von Rive gesteuert werden, wodurch unterschiedliche Zustandsänderungen auf der Grundlage der Breite, Höhe oder Anteil der Komponenten ausgelöst werden. Auf diese Weise können Designer dem Layout interaktive Animationen hinzufügen, wie z. Die staatliche Maschine von Rive ermöglicht auch die Steuerung jedes Details der Animation bei Layoutanpassungen, sodass Designer mehrere reaktionsschnelle und interaktive Animationen in einem Design mischen können und den Benutzern ein umfassenderes visueller Erlebnis bieten.
Details: https://rive.app/blog/Introducing-layouts
Kurz gesagt, die Entstehung von Rive -Layouts hat revolutionäre Änderungen in das Animationsdesign gebracht, um den Bildschirmanpassungsprozess zu vereinfachen und Designer und Entwicklern beispiellose Freiheit und kreativen Raum zu ermöglichen und das Animationsdesign effizienter, bequemer und informativer zu machen. Beeilen Sie sich und erleben Sie Rive -Layouts und beginnen Sie ein neues Kapitel in Malerei Design!