Ezra-Y/ios-motion-patterns-index

Índice de Ejemplos de Animaciones iOS Ejecutables

Índice de la colección de animaciones Swift de MotionBook: proyectos de código abierto categorizados que se pueden clonar y ejecutar directamente. Este es un «directorio de ejemplos listos para ejecutar»: la entrada a código funcional, no un tutorial sobre cómo escribir animaciones. Para tutoriales de escritura, consulta los tutoriales de SwiftUI de twostraws, apple-skills:guide-swiftui-animations y swiftui-design-skill.

Las entradas provienen de la colección de código abierto younatics/MotionBook, organizadas según las 8 categorías originales. Este índice contiene selecciones destacadas y las listas completas en archivos separados. Los proyectos son principalmente demos que se pueden clonar y ejecutar (mayoría Swift, algunos Objective-C). Las descripciones están en español; los enlaces y el código permanecen en inglés.

Este índice no incluye: escritura nativa de SwiftUI .animation / withAnimation, archivos de animación Lottie / Rive, ni tutoriales de Core Animation. Para ello, consulta los tutoriales de twostraws SwiftUI, apple-skills:core-animation o la documentación oficial.

Cómo usar este índice

Este archivo funciona como capa de índice: cada una de las 8 categorías enumera 2-3 proyectos clásicos ejecutables, indicando qué son y cuándo consultar el archivo de referencia correspondiente. El resto de las entradas están divididas en archivos individuales dentro de references/, con una sola profundidad.

Flujo de trabajo:

1. Primero, localiza una de las 8 categorías según tu necesidad (puedes usar la sección «Buscar por tarea» a continuación) y verifica si las entradas destacadas son suficientes.
2. Si no es suficiente o deseas comparar más implementaciones, abre el archivo references/<categoria>.md correspondiente, que contiene la lista completa de esa categoría.
3. Una vez localizado el proyecto objetivo, clónalo y ejecútalo para ver su comportamiento real, y luego decide si incorporarlo a tu código.
4. Las entradas de TableView y CollectionView son pocas y están combinadas en un mismo archivo references/tableview-collectionview.md. Ábrelo y lee las secciones bajo los dos subtítulos «Vista de tabla / Vista de colección».

Estos proyectos son en su mayoría bibliotecas de código abierto maduras de la era UIKit, cuyos patrones de interacción y curvas de efectos han sido validados por numerosas aplicaciones; las implementaciones en SwiftUI pueden inspirarse en sus parámetros de temporización y curvas.

Correspondencia de archivos de referencia con categorías: menu.md / animation.md / transition.md / tableview-collectionview.md (vista de tabla + vista de colección combinadas) / indicator.md / alert.md / ui-controls.md.

Buscar por tarea

Si no sabes qué archivo de referencia abrir, primero identifica tu tarea con las palabras clave:

• Menú lateral / inferior / desplegable / TabBar animado → Menú
• Biblioteca de animaciones generales, pantalla esqueleto, GIF, efectos de texto / clima → Animación
• Transiciones de página, modales, tarjetas expandibles, páginas de introducción → Transición
• Interacciones de celdas de lista, pull-to-refresh, expansión tipo origami → TableView
• Deslizamiento de tarjetas / apilamiento, parallax Sticky / encabezado elástico, diseño de cuadrícula → CollectionView
• Carga, puntos de paginación, barra de navegación de carga, HUD → Indicador
• Banners de notificación, Alertas personalizadas, notificaciones superiores, ventanas emergentes tipo enjambre / desenfoque → Alerta
• Controles segmentados, deslizadores, tarjetas, modo nocturno, búsqueda, Markdown → UI

Menú / Menu

Menús desplegables, deslizamiento lateral, radial, tipo guillotina, TabBar animado, y otras formas de menú con animaciones interactivas. Ven aquí para navegación / barra lateral / menú desplegable / efectos de cambio de pestaña inferior.

• SideMenu: Menú deslizable lateral estilo Facebook
• GuillotineMenu: Animación de transición de menú tipo guillotina
• circle-menu: Botón circular que se expande en un menú radial

Para más implementaciones como menú desplegable, controlador de menú deslizable, TabBar animado, etc., consulta references/menu.md (total 7 entradas).

Animación / Animation

Bibliotecas de animación generales, pantalla esqueleto, SVG vectorial, pantalla de inicio, efectos de texto / GIF / clima, etc. Primero revisa las selecciones destacadas; si buscas efectos específicos (motor GIF, texto brillante, superposición climática), consulta el archivo de referencia.

• Spring: Biblioteca general para simplificar animaciones en iOS
• SkeletonView: Animación de carga de pantalla esqueleto
• Macaw: Biblioteca de animación de gráficos vectoriales compatible con SVG

Pastel, Stellar, RevealingSplashView, Gecco, GlitchLabel, así como Highlighter, FLAnimatedImage, Ease, y otras 18 entradas se encuentran en references/animation.md.

Transición / Transition

Transiciones de controladores, modales tipo burbuja, arrastre elástico, transiciones de desplazamiento, páginas de introducción, etc. Ven aquí para cambios de página / expansión de tarjetas / colecciones de transiciones.

• Hero: Framework de transiciones entre controladores de vista
• BubbleTransition: Transición modal de expansión tipo burbuja
• Gemini: Framework de transiciones enriquecidas basado en desplazamiento

ElasticTransition, AnimatedTransitionGallery, JTMaterialTransition, Pinterest, Walkthrough, y otras 14 entradas se encuentran en references/transition.md.

Vista de tabla / Tableview

Celdas expandibles, pull-to-refresh, acciones de deslizamiento, expansión tipo origami, vista previa estirable, etc., ejemplos de UITableViewCell. Ven aquí para interactividad de lista / efectos de actualización.

• SwipeCellKit: Celda con acciones de deslizamiento estilo Mail.app
• folding-cell: Celda de expansión tipo origami

Los ejemplos de vista de tabla y vista de colección están combinados: YNExpandableCell, Pull-to-Refresh, elongation-preview, y otras 11 entradas se encuentran en references/tableview-collectionview.md.

Vista de colección / Collectionview

Deslizamiento de tarjetas / apilamiento, parallax Sticky Header, encabezado elástico, hoja de cálculo, etc., ejemplos de diseño UICollectionView.

• Koloda: Deslizamiento de tarjetas estilo Tinder
• expanding-collection: Vista de colección donde las tarjetas se expanden en detalles

Los ejemplos de vista de colección están combinados con los de vista de tabla: MMCardView, CSStickyHeaderFlowLayout, GSKStretchyHeaderView, SwiftSpreadsheet, y otras 11 entradas se encuentran en references/tableview-collectionview.md.

Indicador / Indicator

Animaciones de carga, indicadores de paginación, barra de navegación de carga, HUD emergente, etc., indicadores de estado. Ven aquí para loading / puntos de paginación / indicadores de progreso.

• NVActivityIndicatorView: Colección masiva de animaciones de carga
• PKHUD: Indicador emergente estilo Apple HUD

TKRubberIndicator, SpringIndicator, BusyNavigationBar, y otras 5 entradas se encuentran en references/indicator.md.

Alerta / Alert

Banners de notificación, Alertas personalizadas, reemplazo de UIAlertController, notificaciones superiores, ventanas emergentes tipo enjambre / desenfoque, etc.

• NotificationBanner: Banner de notificación personalizable dentro de la aplicación
• PopupDialog: Reemplazo de UIAlertController con diálogo emergente
• SDCAlertView: AlertView con soporte para contenido personalizado

CDAlertView, CRToast, TKSwarmAlert, MIBlurPopup, SweetAlert, y otras 9 entradas se encuentran en references/alert.md.

Controles de interfaz / UI

Animaciones diseñadas en Interface Builder, deformación de texto, controles segmentados, tarjetas, deslizador fluido, búsqueda, modo nocturno, etc., ejemplos de controles generales.

• IBAnimatable: Diseña animaciones y transiciones dentro de Interface Builder
• LTMorphingLabel: Etiqueta UILabel con evolución de texto por deformación
• fluid-slider: Deslizador fluido con valor en burbuja

Segmentio, Cards, StarWars, YNSearch, DKNightVersion, MarkdownView, y otras 13 entradas se encuentran en references/ui-controls.md.

MotionBook completo en https://github.com/younatics/MotionBook Las entradas se actualizan según el repositorio upstream. Si alguna falta o el enlace está roto, reporta en el repositorio de MotionBook.