Ios Motion Patterns Index

Polar Sponsor
爱发电 赞助
.NET 9.0

可运行的 Swift动画代码示例索引,按类别组织(菜单、过渡、指示器、弹窗、动画、TableView、CollectionView、UI)源码

iOS 动画可跑实例索引

功能概述

iOS 动画可跑实例索引是一项面向实际任务的技能,主要用于来自 MotionBook 的 Swift 动画合集索引:按分类指向可直接 clone 运行的开源项目;这是「现成可跑实例目录」——给现成可跑代码的入口,不是动画写法教程;

核心要点

  • 写法教程见 twostraws SwiftUI 教程、 apple-skills:guide-swiftui-animations 、 swiftui-design-skill。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。

使用与执行

实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;

结果检查与注意事项

涉及批量任务时,还应保存进度,避免中断后重复操作。该技能适合用于一次性任务,也可以接入自动化工作流,与其他技能或上层代理配合完成更完整的业务链路;在组合使用时,应明确每一步的输入输出关系,并避免不同步骤之间出现参数冲突。

iOS 动画可跑实例索引

来自 MotionBook 的 Swift 动画合集索引:按分类指向可直接 clone 运行的开源项目。这是「现成可跑实例目录」——给现成可跑代码的入口,不是动画写法教程。写法教程见 twostraws SwiftUI 教程、apple-skills:guide-swiftui-animations、swiftui-design-skill。

条目来自开源合集 younatics/MotionBook,按原 8 个分类整理,本索引在其中精选 + 完整条目分文件存放。项目以可直接 clone 运行的 demo 为主(多为 Swift,部分 Objective-C),条目描述为中文、链接与代码为英文原文。

本索引不收录:SwiftUI 原生 .animation / withAnimation 写法、Lottie / Rive 动画文件、Core Animation 层级教程。需要这些请走 twostraws SwiftUI、apple-skills:core-animation、或对应官方文档。

如何使用本索引

本文件是调度索引层:8 个分类各列 2-3 条最经典可跑项目,并写清「这是什么、什么时候去读哪个 reference 文件」。其余条目在 references/ 下按分类拆成单独文件,references 只一层深。

工作流:

  1. 先按需求定位下面 8 个分类之一(可用下方「按任务找分类」速查),看精选条目是否够用。
  2. 不够或想比较更多实现,打开分类对应的 references/<分类>.md,那是该分类完整条目表。
  3. 找到目标项目后 clone 跑起来看真实行为,再决定是否搬进自己代码。
  4. Tableview 与 Collectionview 条目较少,合并进同一文件 references/tableview-collectionview.md,打开后按文件内「表格 / 集合视图」两个小标题分块阅读。

这些项目多为 UIKit 时期的成熟开源库,交互模式与动效曲线已被大量 App 验证;SwiftUI 实现可借鉴其时序与曲线参数。

reference 文件与分类对应:menu.md / animation.md / transition.md / tableview-collectionview.md(表格+集合视图合并)/ indicator.md / alert.md / ui-controls.md。

按任务找分类

不知道该开哪个 reference 时,先按任务关键词对号入座:

  • 侧边 / 底部 / 展开 / 动画 TabBar 菜单 → Menu
  • 通用动画库、骨架屏、GIF、文字 / 天气特效 → Animation
  • 页面切换、模态、卡片展开转场、引导页 → Transition
  • 列表单元格交互、下拉刷新、折纸展开 → Tableview
  • 卡片滑动 / 层叠、视差 Sticky / 拉伸头、表格布局 → Collectionview
  • loading、分页点、导航栏加载、HUD → Indicator
  • 通知横幅、自定义 Alert、顶部提示、蜂群 / 毛玻璃弹窗 → Alert
  • 分段控件、滑块、卡片、夜间模式、搜索、Markdown → UI

菜单 / Menu

下拉、侧滑、圆形放射、断头台、动画 TabBar 等菜单形态与交互动画。做导航栏 / 侧边栏 / 展开菜单 / 底部 Tab 切换动效时来这里。

  • SideMenu - Facebook 风格左右侧滑菜单
  • GuillotineMenu - 断头台式菜单转场动画
  • circle-menu - 圆形按钮展开成放射状菜单

需要下拉菜单、滑动菜单控制器、动画 TabBar 等更多实现,见 references/menu.md(共 7 条)。

动画 / Animation

通用动画库、骨架屏、矢量 SVG、启动屏、文字 / GIF / 天气特效等基础动画能力。先看精选,要特定动效(GIF 引擎、闪光文字、天气叠加)再翻 reference。

  • Spring - 简化 iOS 动画的通用库
  • SkeletonView - 骨架屏加载占位动画
  • Macaw - 支持 SVG 的矢量图形动画库

Pastel、Stellar、RevealingSplashView、Gecco、GlitchLabel,以及 Highlighter、FLAnimatedImage、Ease 等共 18 条见 references/animation.md。

转场 / Transition

控制器转场、模态气泡、弹性拖拽、滚动转场、引导页 等过渡动画。涉及页面切换 / 卡片展开 / 转场合辑时来这。

  • Hero - 视图控制器转场框架
  • BubbleTransition - 气泡展开式模态转场
  • Gemini - 基于滚动的丰富转场框架

ElasticTransition、AnimatedTransitionGallery、JTMaterialTransition、Pinterest、Walkthrough 等共 14 条见 references/transition.md。

表格 / Tableview

可展开单元格、下拉刷新、滑动操作、折纸展开、伸缩预览 等 UITableViewCell 实例。做列表交互 / 刷新动效时来这。

  • SwipeCellKit - Mail.app 风格滑动操作单元格
  • folding-cell - 折纸展开式单元格

表格与集合视图实例合并存放,YNExpandableCell、Pull-to-Refresh、elongation-preview 等 11 条见 references/tableview-collectionview.md。

集合视图 / Collectionview

卡片滑动 / 层叠、视差 Sticky Header、弹性拉伸头、电子表格 等 UICollectionView 布局实例。

  • Koloda - Tinder 风格卡片滑动
  • expanding-collection - 卡片展开成详情的集合视图

集合视图实例与表格合并:MMCardView、CSStickyHeaderFlowLayout、GSKStretchyHeaderView、SwiftSpreadsheet 等 11 条见 references/tableview-collectionview.md。

指示器 / Indicator

加载动画、分页指示、导航栏加载、HUD 弹出 等状态指示。做 loading / 分页点 / 进度提示时来这。

  • NVActivityIndicatorView - 海量加载动画合集
  • PKHUD - Apple HUD 风格弹出指示

TKRubberIndicator、SpringIndicator、BusyNavigationBar 等共 5 条见 references/indicator.md。

弹窗 / Alert

通知横幅、自定义 Alert、弹窗替换、顶部通知、蜂群 / 毛玻璃弹窗 等提示形态。

  • NotificationBanner - 可定制的应用内通知横幅
  • PopupDialog - 替代 UIAlertController 的弹窗
  • SDCAlertView - 支持自定义内容的 Alert

CDAlertView、CRToast、TKSwarmAlert、MIBlurPopup、SweetAlert 等共 9 条见 references/alert.md。

界面控件 / UI

IB 设计动画、文字变形、分段控件、卡片、流体滑块、搜索、夜间模式 等通用控件实例。

  • IBAnimatable - Interface Builder 内设计动画与转场
  • LTMorphingLabel - 文字变形演化 UILabel
  • fluid-slider - 带气泡数值的流体滑块

Segmentio、Cards、StarWars、YNSearch、DKNightVersion、MarkdownView 等 13 条见 references/ui-controls.md。

完整 MotionBook 见 https://github.com/younatics/MotionBook 条目随上游更新,缺失或链接失效可向 MotionBook 仓库反馈。

相关专题

更多
Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

0

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

0

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

0

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

0

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

0

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

0

15

Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

2026.10.22

0

15

PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

2026.10.22

0

12

剧云人物设定与关系管理教程
剧云人物设定与关系管理教程

本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。

2026.10.22

0

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 133.9万人学习