facebook/ShimmerArchived
Shimmer
Shimmer es una biblioteca de estado de carga de UI utilizada para generar marcadores de posición de esqueleto brillantes y efectos de animación de envoltura de vista. Proporciona un conjunto de herramientas para crear animaciones de resaltado que indican que el contenido se está cargando dentro de una interfaz de usuario.
El proyecto incluye un generador de pantallas de esqueleto y un envoltorio de animación de vista. Estos componentes aplican un efecto de gradiente en movimiento sobre las vistas existentes para proporcionar retroalimentación visual mientras se obtienen los datos.
La biblioteca cubre la animación de interfaces de usuario y patrones de diseño de aplicaciones móviles. Implementa indicadores de carga a través de una combinación de enmascaramiento de gradiente lineal, traslación de espacio de coordenadas y bucles de animación basados en fotogramas clave.
Features
- Shimmer Effects - Provides moving gradient shimmer effects to indicate that content is loading.
- Skeleton Screens - Generates shimmering skeleton placeholders that mimic content layout before data is loaded.
- Loading State Visualizations - Implements UI patterns for visualizing loading states through shimmering skeleton placeholders.
- Animation Effect Wrappers - Ships a view-wrapping component that maps the shimmering animation effect directly onto target UI elements.
- Gradient Overlays - Implements a moving linear-gradient overlay to create the shimmering highlight effect over UI content.
- Loading State Indicators - Provides a library of tools to signal whether UI components have finished loading.
- Keyframe Animations - Uses keyframe-based interpolation to drive the repeating motion of the shimmer highlight.
- Layer-View Wrapping - Implements architectural patterns to encapsulate animation layers within view components for layout management.
- Interface Animations - Adds subtle motion effects to interface elements to improve the perceived performance of the application.
- Animation Loops - Utilizes timed animation loops to continuously update the visual position of the shimmer gradient.
- Loading State Design Patterns - Implements unobtrusive loading indicators designed to signal background activity without distracting the user.
- Coordinate-Based Translations - Provides logic for shifting view positions using relative offsets to move the shimmer effect.
- Text and Typography - Shimmering effect for labels and views.
- UI Components - Shimmer loading effect plugin.
