A Rive lançou um novo layouts de recursos, que mudou completamente a adaptação da tela de gráficos animados! Dizendo adeus ao trabalho tedioso de adaptação, designers e desenvolvedores podem criar facilmente animações dinâmicas e responsivas que podem se adaptar automaticamente a uma variedade de tamanhos e dispositivos de tela e sempre manter a interatividade e fluência exclusivas do Rive. O recurso Layouts é como um "artefato de layout universal" que permite que suas animações sejam perfeitamente apresentadas em diferentes plataformas sem precisar criar versões separadas para cada plataforma. Ele suporta ninho profundo e layout flexível e pode ser combinado com o sistema de restrição da Rive para obter efeitos de animação mais refinados e estáveis.
Designers e desenvolvedores podem finalmente se livrar do medo de serem dominados pela "Adaptação de tela"! Interatividade da assinatura e efeitos suaves de animação.
O que exatamente são os layouts?
Com os layouts, os designers podem criar facilmente layouts que se adaptam automaticamente ao tamanho da tela, como botões, listas ou menus que serão perfeitamente exibidos em telefones e computadores. Os designers podem escolher livremente quais elementos seguem as regras de layout e quais podem ser exibidas independentemente.
Além disso, você também pode adicionar animações aos elementos do layout para tornar a interface mais vívida e flexível. Por exemplo, um gráfico pode ser projetado que redimensione automaticamente de acordo com a posição, tamanho, margens internas e margens externas para atender a todos os dispositivos. Ao usar layouts, os gráficos podem ser dimensionados e re-alinhados de acordo com o tamanho da tela sem perder os efeitos da animação.
Um destaque dos layouts é a compatibilidade cruzada. Os gráficos permitem transições suaves entre o painel do carro e o smartphone, mantendo um efeito visual consistente. O designer precisa apenas criar os gráficos uma vez e ajustará automaticamente em cada plataforma sem criar uma versão separada para cada plataforma.
Os layouts também suportam multilíngues e podem ajustar automaticamente o tamanho do layout de acordo com o comprimento do idioma. Por exemplo, quando o texto é longo, os layouts podem reorganizar ou redimensionar a caixa de texto para atender aos requisitos de exibição de diferentes idiomas. Isso garante que todos os idiomas sejam exibidos de forma consistente, e os desenvolvedores não precisam se preocupar com os possíveis problemas de layout causados por diferentes idiomas.
Para designers que precisam criar layouts complexos, os layouts oferecem opções para nidificação profunda e layouts flexíveis. Os designers podem usar as opções de alinhamento, quebra de linha e espaçamento para criar layouts complexos da interface do usuário, como elementos de interface do usuário de vários níveis ou estruturas complexas que precisam ser ajustadas em telas diferentes.
Os layouts também suportam pontos de interrupção, que podem desencadear a máquina de estado de Rive com base em alterações na largura, altura ou proporção de componentes e executar diferentes animações ou alterações de layout. Por exemplo, quando a tela muda de paisagem para retrato, os layouts podem alternar automaticamente para outro estado de layout ou animação.
Ao contrário de outras ferramentas de design, os layouts do Rive permite que os designers escolham livremente se os objetos participam do mecanismo de layout e podem quebrar regras de layout a qualquer momento e projetar livremente. Isso significa que os designers podem incorporar elementos livres, como caracteres altamente animados em um layout mais estruturado para obter efeitos flexíveis de design. Mesmo ao fazer ajustes no layout, as animações do personagem podem permanecer suaves e não são restritas pelo mecanismo de layout.
Além disso, os layouts também suportam a integração com o sistema de restrições da Rive, permitindo relacionamentos hierárquicos tradicionais no design. Mesmo que o layout da interface do usuário mude, a animação poderá manter com precisão e controle a posição e a forma originais, garantindo a estabilidade do efeito visual. Por exemplo, quando o layout da página mudar, o sistema de restrição ajusta automaticamente os elementos relevantes para evitar o transtorno do layout.
Os componentes nos layouts podem ser controlados através da máquina de estado de Rive, desencadeando diferentes alterações de estado com base na largura, altura ou proporção do componente. Isso permite que os designers adicionem animações interativas ao layout, como desencadear diferentes sequências de animação ou efeitos responsivos, dependendo da tela do dispositivo. A Máquina de Estado da Rive também permite controlar todos os detalhes da animação quando os ajustes de layout, permitindo que os designers misturem várias animações responsivas e interativas em um design, fornecendo aos usuários uma experiência visual mais rica.
Detalhes: https://rive.app/blog/introducting-layouts
Em suma, o surgimento de layouts de Rive trouxe mudanças revolucionárias ao design de animação, simplificando o processo de adaptação da tela, dando aos designers e desenvolvedores liberdade e espaço criativo sem precedentes, tornando a criatividade mais eficiente, mais conveniente e mais informativa. Apresse -se e experimente layouts de rive e comece um novo capítulo em design de pintura!