Rive a lancé une nouvelle disposition de fonctionnalités, qui a complètement changé l'adaptation d'écran des graphiques animés! Dire au revoir au travail d'adaptation fastidieux, les concepteurs et les développeurs peuvent facilement créer des animations dynamiques et réactives qui peuvent s'adapter automatiquement à une variété de tailles d'écran et d'appareils, et de toujours maintenir l'interactivité et la maîtrise de Rive. La fonction de mise en page est comme un "artefact de mise en page universel" qui permet à vos animations d'être parfaitement présentées sur différentes plates-formes sans avoir à créer des versions distinctes pour chaque plate-forme. Il prend en charge la nidification profonde et la disposition flexible et peut être combinée avec le système de contraintes de Rive pour obtenir des effets d'animation plus raffinés et stables.
Les concepteurs et les développeurs peuvent enfin se débarrasser de la peur d'être dominé par "l'adaptation d'écran"! Interactivité de signature et effets d'animation lisses.
Qu'est-ce que les mises en page?
Avec les dispositions, les concepteurs peuvent facilement créer des dispositions qui s'adaptent automatiquement à la taille de l'écran, telles que des boutons, des listes ou des menus qui seront parfaitement affichés sur les téléphones et les ordinateurs. Les concepteurs peuvent librement choisir quels éléments suivent les règles de mise en page et lesquelles peuvent être affichées indépendamment.
De plus, vous pouvez également ajouter des animations aux éléments de mise en page pour rendre l'interface plus vive et flexible. Par exemple, un graphique peut être conçu qui redimensionne automatiquement en fonction de la position, de la taille, des marges intérieures et des marges extérieures pour s'adapter à tous les appareils. Lorsque vous utilisez des dispositions, les graphiques peuvent être mis à l'échelle et réalignes en fonction de la taille de l'écran sans perdre des effets d'animation.
Un point culminant des dispositions est la compatibilité croisée. Les graphiques permettent des transitions en douceur entre le tableau de bord de la voiture et le smartphone, en maintenant un effet visuel cohérent. Le concepteur n'a besoin de créer les graphiques qu'une seule fois et il s'ajustera automatiquement sur chaque plate-forme sans créer de version distincte pour chaque plate-forme.
Les dispositions prennent également en charge les multilingues et peuvent ajuster automatiquement la taille de disposition en fonction de la longueur du langage. Par exemple, lorsque le texte est long, les dispositions peuvent réorganiser ou redimensionner la zone de texte en fonction des exigences d'affichage de différentes langues. Cela garantit que toutes les langues s'affichent de manière cohérente et que les développeurs n'ont pas à s'inquiéter des problèmes de mise en page possibles causés par différentes langues.
Pour les concepteurs qui ont besoin de créer des dispositions complexes, les dispositions proposent des options pour la nidification profonde et les dispositions flexibles. Les concepteurs peuvent utiliser les options d'alignement, de rupture de ligne et d'espacement pour créer des dispositions d'interface utilisateur complexes, telles que des éléments d'interface utilisateur à plusieurs niveaux ou des structures complexes qui doivent être ajustées sur différents écrans.
Les dispositions prennent également en charge les points d'arrêt, qui peuvent déclencher la machine à états de Rive en fonction des modifications de largeur, de hauteur ou de proportion de composants, et effectuer différentes animations ou modifications de mise en page. Par exemple, lorsque l'écran passe du paysage au portrait, les dispositions peuvent automatiquement passer à un autre état de mise en page ou d'animation.
Contrairement à d'autres outils de conception, les dispositions Rive permettent aux concepteurs de choisir librement si les objets participent au moteur de disposition et peuvent enfreindre les règles de mise en page à tout moment et concevoir librement. Cela signifie que les concepteurs peuvent intégrer des éléments libres tels que des personnages hautement animés dans une disposition plus structurée pour réaliser des effets de conception flexibles. Même lorsque vous effectuez des réglages de disposition, les animations du personnage peuvent rester lisses et ne sont pas limitées par le moteur de mise en page.
De plus, les dispositions soutiennent également l'intégration avec le système de contraintes de Rive, permettant des relations hiérarchiques traditionnelles dans la conception. Même si la disposition de l'interface utilisateur change, l'animation peut maintenir avec précision et contrôler la position et la forme d'origine, assurant la stabilité de l'effet visuel. Par exemple, lorsque la disposition de la page change, le système de contraintes ajustera automatiquement les éléments pertinents pour éviter le trouble de la disposition.
Les composants dans les dispositions peuvent être contrôlés via la machine d'état de Rive, déclenchant différents changements d'état en fonction de la largeur, de la hauteur ou de la proportion du composant. Cela permet aux concepteurs d'ajouter des animations interactives à la mise en page, telles que le déclenchement de différentes séquences d'animation ou d'effets réactifs en fonction de l'écran de l'appareil. La machine State de Rive permet également de contrôler chaque détail de l'animation lorsque les ajustements de mise en page, permettant aux concepteurs de mélanger plusieurs animations réactives et interactives dans une conception, offrant aux utilisateurs une expérience visuelle plus riche.
Détails: https://rive.app/blog/introducing-layouts
En bref, l'émergence des dispositions de rive a apporté des changements révolutionnaires à la conception d'animation, en simplifiant le processus d'adaptation de l'écran, en donnant aux concepteurs et aux développeurs une liberté et un espace créatif sans précédent, rendant la conception de l'animation plus efficace, plus pratique et plus informative. Dépêchez-vous et découvrez les dispositions de rive et commencez un nouveau chapitre dans la conception de la peinture!