O editor de Downcodes levará você para conhecer o mais recente recurso de Layouts do Rive! Ele resolve completamente o problema de adaptação de tela para designers e desenvolvedores, tornando mais fácil do que nunca a criação de gráficos animados responsivos e dinâmicos. Em vez de criar versões separadas para diferentes dispositivos e tamanhos de tela, o Layouts pode se adaptar automaticamente a várias plataformas para garantir efeitos de animação consistentes. Ele também oferece suporte a vários idiomas e ajusta automaticamente o tamanho do layout para se adaptar ao comprimento do texto dos diferentes idiomas. Este é, sem dúvida, um grande benefício para os desenvolvedores que buscam uma experiência visual consistente em todas as plataformas.
Designers e desenvolvedores podem finalmente se livrar do medo de serem dominados pela “adaptação de tela”! A Rive lançou recentemente um novo recurso chamado Layouts, que permite aos usuários criar gráficos animados dinâmicos e responsivos que podem se adaptar automaticamente a diferentes dispositivos e tamanhos de tela , enquanto. mantendo a interatividade característica de Rive e animações suaves.
Um dos destaques do Layouts é a compatibilidade entre dispositivos. Os gráficos transitam suavemente entre os painéis dos carros e os smartphones, mantendo visuais consistentes. Os designers só precisam criar um gráfico uma vez e ele se ajustará automaticamente entre plataformas, eliminando a necessidade de criar versões separadas para cada plataforma.
O Layouts também oferece suporte a vários idiomas, com a capacidade de redimensionar layouts automaticamente com base no tamanho do idioma . Por exemplo, quando o texto é longo, o Layouts pode reorganizar ou redimensionar a caixa de texto para acomodar os requisitos de exibição de diferentes idiomas. Isso garante uma exibição consistente em todos os idiomas, e os desenvolvedores não precisam se preocupar com problemas de layout que possam surgir em diferentes idiomas.
Para designers que precisam criar layouts complexos, o Layouts oferece opções de layouts profundamente aninhados e flexíveis. Os designers podem usar opções de alinhamento, quebra automática e espaçamento para criar layouts de UI complexos, como vários níveis de elementos de UI ou estruturas complexas que precisam ser ajustadas em telas diferentes.
Layouts também oferece suporte a pontos de interrupção , que podem acionar a máquina de estado do Rive para executar diferentes animações ou alterações de layout com base em alterações na largura, altura ou proporção do componente. Por exemplo, o Layouts pode mudar automaticamente para outro layout ou estado de animação quando a tela muda de paisagem para retrato.
Ao contrário de outras ferramentas de design, o Rive Layouts permite que os designers escolham livremente se os objetos participam do mecanismo de layout, e também podem quebrar as regras de layout a qualquer momento e projetar livremente. Isso significa que os designers podem incorporar elementos livres, como personagens altamente animados, em layouts mais estruturados para efeitos de design flexíveis. Mesmo quando são feitos ajustes de layout, a animação do personagem permanece fluida e não é restringida pelo mecanismo de layout.
Além disso, o Layouts também oferece suporte à integração com o sistema de restrições (Restrições) do Rive, permitindo romper com as relações hierárquicas tradicionais no design. Mesmo que o layout da IU mude, a animação pode manter a posição e a forma originais de maneira precisa e controlada, garantindo a estabilidade do efeito visual. Por exemplo, quando o layout da página muda, o sistema de restrições ajustará automaticamente os elementos relacionados para evitar confusão de layout.
Os componentes nos Layouts podem ser controlados através da máquina de estados do Rive, desencadeando diferentes mudanças de estado com base na largura, altura ou proporção do componente. Isso permite que os designers adicionem animações interativas aos seus layouts, como acionar diferentes sequências de animação ou efeitos responsivos dependendo da tela do dispositivo. A máquina de estado do Rive também permite controlar cada detalhe da animação à medida que o layout se ajusta, permitindo que os designers misturem várias animações responsivas e interativas em um único design para fornecer aos usuários uma experiência visual mais rica.
Detalhes: https://rive.app/blog/introduzindo-layouts
Resumindo, o surgimento do Rive Layouts trouxe grande conveniência para designers e desenvolvedores, simplificou bastante o processo de design de animação multiplataforma e tornou o melhor design de animação ao seu alcance. Vá explorar agora!