L’éditeur de Downcodes vous fera découvrir la dernière fonctionnalité Layouts de Rive ! Il résout complètement le problème de l'adaptation à l'écran pour les concepteurs et les développeurs, rendant plus facile que jamais la création de graphiques animés dynamiques et réactifs. Au lieu de créer des versions distinctes pour différents appareils et tailles d'écran, les mises en page peuvent s'adapter automatiquement à diverses plates-formes pour garantir des effets d'animation cohérents. Elles prennent également en charge plusieurs langues et ajustent automatiquement la taille de la mise en page pour s'adapter à la longueur du texte des différentes langues. Il s’agit sans aucun doute d’une énorme aubaine pour les développeurs qui recherchent une expérience visuelle cohérente sur toutes les plateformes.
Les concepteurs et les développeurs peuvent enfin se débarrasser de la peur d'être dominés par « l'adaptation à l'écran » ! Rive a récemment publié une nouvelle fonctionnalité appelée Mises en page, qui permet aux utilisateurs de créer des graphiques animés dynamiques et réactifs qui peuvent s'adapter automatiquement à différents appareils et tailles d'écran , tout en en conservant l'interactivité caractéristique de Rive et les animations fluides.
L’un des points forts de Layouts est la compatibilité entre appareils. Les graphiques transitent en douceur entre les tableaux de bord des voitures et les smartphones, tout en conservant des visuels cohérents. Les concepteurs n'ont besoin de créer un graphique qu'une seule fois et celui-ci s'ajustera automatiquement sur toutes les plates-formes, éliminant ainsi le besoin de créer des versions distinctes pour chaque plate-forme.
Les mises en page prennent également en charge plusieurs langues, avec la possibilité de redimensionner automatiquement les mises en page en fonction de la longueur de la langue . Par exemple, lorsque le texte est long, Layouts peut réorganiser ou redimensionner la zone de texte pour répondre aux exigences d'affichage des différentes langues. Cela garantit un affichage cohérent dans toutes les langues et les développeurs n’ont pas à se soucier des problèmes de mise en page qui peuvent survenir dans différentes langues.
Pour les concepteurs qui ont besoin de créer des mises en page complexes, Layouts propose des options pour des mises en page profondément imbriquées et flexibles. Les concepteurs peuvent utiliser les options d'alignement, d'habillage et d'espacement pour créer des dispositions d'interface utilisateur complexes, telles que plusieurs niveaux d'éléments d'interface utilisateur ou des structures complexes qui doivent être ajustées sur différents écrans.
Les mises en page prennent également en charge les points d'arrêt , qui peuvent déclencher la machine à états de Rive pour effectuer différentes animations ou modifications de mise en page en fonction des modifications de la largeur, de la hauteur ou des proportions du composant. Par exemple, les mises en page peuvent automatiquement passer à un autre état de mise en page ou d'animation lorsque l'écran passe du paysage au portrait.
Contrairement à d'autres outils de conception, Rive Layouts permet aux concepteurs de choisir librement si les objets participent au moteur de mise en page, et ils peuvent également enfreindre les règles de mise en page à tout moment et concevoir librement. Cela signifie que les concepteurs peuvent intégrer des éléments gratuits tels que des personnages hautement animés dans des mises en page plus structurées pour des effets de conception flexibles. Même lorsque des ajustements de mise en page sont effectués, l'animation du personnage reste fluide et n'est pas limitée par le moteur de mise en page.
De plus, Layouts prend également en charge l'intégration avec le système de contraintes (Contraintes) de Rive, vous permettant de rompre avec les relations hiérarchiques traditionnelles dans la conception. Même si la disposition de l'interface utilisateur change, l'animation peut conserver avec précision et contrôle la position et la forme d'origine, garantissant ainsi la stabilité de l'effet visuel. Par exemple, lorsque la mise en page change, le système de contraintes ajustera automatiquement les éléments associés pour éviter toute confusion dans la mise en page.
Les composants des mises en page peuvent être contrôlés via la machine à états 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 à leurs mises en page, par exemple en déclenchant différentes séquences d'animation ou des effets réactifs en fonction de l'écran de l'appareil. La machine d'état de Rive vous permet également de contrôler chaque détail de l'animation à mesure que la mise en page s'ajuste, permettant aux concepteurs de mélanger plusieurs animations réactives et interactives dans une seule conception pour offrir aux utilisateurs une expérience visuelle plus riche.
Détails : https://rive.app/blog/introducing-layouts
Dans l’ensemble, l’émergence de Rive Layouts a apporté une grande commodité aux concepteurs et aux développeurs, a considérablement simplifié le processus de conception d’animation multiplateforme et a rendu une meilleure conception d’animation à portée de main. Allez l'explorer maintenant !