推荐阅读:iOS开发——BAT面试题合集(持续更新中)
前言
一个好看颜值高的 app 往往离不开各种好看的动画,然而复杂的动画效果的做起来可谓是每个程序员的噩梦,笔者特意搜集了10个让你相见恨晚的 iOS Swift 动画框架,助你轻松高效的搞定动画!
如果大家喜欢这类型的文章,推荐另一篇:
推荐阅读:iOS开发——BAT面试题合集(持续更新中)
No.1 Lottie
Airbnb 开源的用于渲染 AE 矢量动画的动画框架,有多平台版本,通过 AE 插件直接将动画导出为 json 文件在客户端使用,将动画功能实现完全交还给设计师,从此告别耗费性能的帧动画。
image imageSpring 是一套支持 Storyboard 上直接操作使用的动画框架,方便易用,各种动画效果的实现甚至都不用写一行代码!
[图片上传失败...(image-8dd29c-1552481503443)]
支持多种动画类型属性:
Animation | Curve | Properties |
---|---|---|
shake | spring | force |
pop | linear | duration |
morph | easeIn | delay |
squeeze | easeOut | damping |
wobble | easeInOut | velocity |
··· | ··· | ··· |
No.3 Material
Material 是用于创建漂亮应用的 UI/UX 框架,其动画系统利用 Motion 完全重新设计,提供了多种 Material Design 风格的控件,让你轻松在 iOS 应用上实现 Material Design 风格!
image<figcaption>
</figcaption>
支持特性一览:
Features | ||
---|---|---|
Color Library | Cards | FABMenu |
Icons | TextField | Tabs |
Chips | SearchBar | NavigationController |
NavigationDrawer | BottomNavigationBar | ··· |
No.4 RazzleDazzle
RazzleDazzle 是一个简单的自动布局友好的 iOS 关键帧动画框架,使用于滚动式的应用介绍。
image<figcaption>
</figcaption>
支持多种动画类型:
Animation Types | |
---|---|
AlphaAnimation | BackgroundColorAnimation |
RotationAnimation | ScaleAnimation |
TranslationAnimation | CornerRadiusAnimation |
HideAnimation | ··· |
No.5 Stellar
一个出色的物理动画库,基于 UIDynamic 并对其进行扩展,友好的 API 让你可以轻松使用它或自定义你自己的动画。
<figcaption></figcaption>
image image支持特性一览:
Animations | Animatable type | Easing Curve |
---|---|---|
Basic | Float | Default |
Gravity | CGFloat | EaseIn |
Snap | Double | EaseOut |
Attachment | CGSize | EaseInEaseOut |
Push | CGPoint | Linear |
··· | ··· | ··· |
No.6 Macaw
功能强大且易于使用的矢量图形动画库,支持SVG,复杂的动画实现只需简单几行代码!
image<figcaption></figcaption>
No.7 Presentation
寻找在 iOS 应用中呈现内容的最简单方法?Presentation 将帮助你以最少的工作量制作教程,演示说明和任何类型的动画页面。
image<figcaption>
</figcaption>
No.8 Neon
Neon 是一套强大的UI布局框架,围绕用户界面如何自然而直观地设计而构建的。没有多余的部分,没有糟糕的视觉格式语言,没有更多的自动布局限制。我们不是机器人,为什么要像我们一样构建我们的UI?
image<figcaption>
</figcaption>
No.9 fluid-interfaces
受“Designing Fluid Interfaces”启发而设计的自然手势和动画。
image<figcaption>
</figcaption>
支持特性一览:
Animations | ||
---|---|---|
Calculator Button | Spring Animations | Flashlight Button |
Rubberbanding | Acceleration Pausing | Rewarding Momentum |
FaceTime PiP | Rotation | ··· |
No.10 Sica
简单的界面 Core Animation,以按顺序或并行的方式运行类型安全的动画。
image<figcaption></figcaption>
Sica<figcaption></figcaption>
支持特性一览:
Animation | AnimationPlayType | EasingFunctions |
---|---|---|
CABasicAnimation | sequentially | linear |
CATransition | parallelly | easeIn/Out |
··· | ··· | ··· |
本次的分享就到这啦,喜欢的话可以点个赞
网友评论