Repolode
amosgyamfi

amosgyamfi/open-swiftui-animations

一组可直接复用的 SwiftUI 动画示例,覆盖加载、循环、转场、弹簧和特效,无需第三方动画库。

Star
5,688
Fork
296
未关闭 Issue
21
最近提交
3个月前

这是什么?

Open SwiftUI Animations 收集了一批适用于 iOS、macOS、visionOS 和 watchOS 应用的动画示例,全部使用 SwiftUI 自带的动画接口实现,不依赖外部动画库。内容涵盖加载与进度指示、循环与开关效果、进入与退出转场、淡入淡出、旋转、背景动效以及基于弹簧的交互反馈。

项目提供的 Xcode 工程和 Gist 演示了 PhaseAnimator、KeyframeAnimator、Symbol Effects、GlassEffectContainer 等 iOS 17 及以后版本的新工具用法。大部分示例代码短小,可以直接复制到自己的视图中修改,例如打字机与擦除文字、dashPhase 移动边框、用 trim 绘制签名路径,以及数字文本的交叉淡化。

这个仓库更像是灵感与代码参考,而不是需要引入的依赖。每个示例都是独立的 SwiftUI 代码,部分动画由 AI 模型生成,作者注明未作改动,使用时可按需调整。

核心功能

  • 01纯 SwiftUI 实现,不依赖第三方动画库
  • 02包含 PhaseAnimator、KeyframeAnimator 和 Symbol Effects 的示例
  • 03涵盖加载、循环、进入退出转场和弹簧动画
  • 04提供打字机、dashPhase 边框、路径裁剪等独立 Gist
  • 05适用于 iOS、macOS、visionOS 和 watchOS 项目

适用场景

  • 在 iOS 应用中添加加载或进度动画,无需额外依赖
  • 学习 PhaseAnimator 和 KeyframeAnimator 的实际用法
  • 用弹簧动画实现表情反应或点赞按钮
  • 直接借鉴数字过渡、签名绘制等现成效果

快速上手

  1. 1

    从仓库中打开 OpenSwiftUIAnimations Xcode 项目

  2. 2

    选择一个动画示例,并将其代码复制到你的 SwiftUI 项目中

使用前须知

  • 仅适用于 Apple 平台和 Swift,不支持跨平台。
  • 部分示例(如 Phase Animator 和 Keyframe Animator)需要 iOS 17 或更高版本。
  • 部分动画是未经编辑的 AI 生成代码,可能需要修改后才能使用。

收录于专题

标签

#swiftui#ios#animation#swift#visionos#watchos#ui-design#animations#app-animations#dynamic-island

常见问题

open-swiftui-animations 是什么?
一组可直接复用的 SwiftUI 动画示例,覆盖加载、循环、转场、弹簧和特效,无需第三方动画库。 Open SwiftUI Animations 收集了一批适用于 iOS、macOS、visionOS 和 watchOS 应用的动画示例,全部使用 SwiftUI 自带的动画接口实现,不依赖外部动画库。内容涵盖加载与进度指示、循环与开关效果、进入与退出转场、淡入淡出、旋转、背景动效以及基于弹簧的交互反馈。
open-swiftui-animations 可以免费使用吗?用的什么许可证?
open-swiftui-animations 以 Unlicense 许可证开源。用于商业产品前,请先确认许可证条款。
open-swiftui-animations 还在维护吗?
半年内有更新。open-swiftui-animations 最近一次提交是在 2026年8月14日。
open-swiftui-animations 适合用来做什么?
在 iOS 应用中添加加载或进度动画,无需额外依赖 学习 PhaseAnimator 和 KeyframeAnimator 的实际用法 用弹簧动画实现表情反应或点赞按钮 直接借鉴数字过渡、签名绘制等现成效果
open-swiftui-animations 怎么安装和运行?
从仓库中打开 OpenSwiftUIAnimations Xcode 项目 选择一个动画示例,并将其代码复制到你的 SwiftUI 项目中
在哪里获取 open-swiftui-animations?
源代码和安装说明在 GitHub 上:https://github.com/amosgyamfi/open-swiftui-animations

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目