Ramotion/expanding-collection
Expanding Collection
Este proyecto es una suite de componentes visuales y modelos de interfaz diseñados para crear transiciones animadas entre vistas previas de cuadrícula condensadas y vistas de detalle expandidas. Proporciona una librería de transición de tarjetas y componentes de interfaz de usuario animados de SwiftUI que permiten una interfaz de tipo peek-and-pop donde las tarjetas de vista previa pequeñas se expanden a contenido de pantalla completa.
El sistema implementa un diseño de cuadrícula animado que permite que las colecciones de tarjetas se expandan y contraigan para revelar más información. Estas interacciones están respaldadas por animaciones que transforman celdas de contenido pequeñas en interfaces de pantalla completa para mantener la continuidad visual y el flujo del usuario.
Features
- Expanding Card Animations - Provides a system for grid cards that expand into full-screen views using smooth visual transitions.
- Interactive Gesture-Driven Animations - Links touch gestures directly to animation progress, allowing users to scrub through the expanding card transition.
- SwiftUI - Provides interactive animated UI components specifically built using the SwiftUI framework.
- iOS UI Layout - Builds native iOS layouts featuring complex animations and fluid transitions between different view states.
- Dynamic Grid Layouts - Implements a grid layout where items can expand and collapse while maintaining alignment with surrounding cells.
- Layout Transition Libraries - Provides a library of components to animate layout transitions between condensed previews and expanded states.
- Peek and Pop Interactions - Implements a peek-and-pop interface where small preview cards expand into full-screen detailed content.
- Dynamic Pop-up Interfaces - Implements an interaction model where preview cards expand into full-screen content via smooth transitions.
- Animated Grid Layouts - Ships an animated grid layout that allows collections of cards to expand and contract.
- Auto Layout Animations - Implements dynamic updates to auto layout constraints to animate the transformation of small cards into full-screen interfaces.
- View Transition Animations - Creates smooth visual transitions that interpolate element positions when opening cards or switching views.
- UI Navigation Coordination - Provides a coordination layer to manage the logical flow and transitions between grid and detail views.
- Interpolation Timelines - Calculates frame-by-frame visual states between collapsed and expanded views using a single progress value.
- Card Layouts - Enables the creation of card-based layouts that support animated expansion and contraction.
- Card Components - Animated material design card peek/pop controller.
- UI Components - Animated card peek and pop controller.
- UI Components and Widgets - Expanding card collection animation.
- UI Transitions and Navigation - Card-based transition for expanding list items.
