面试驱动技术 - Category 相关考点

2019-10-25  本文已影响0人  iOS开发之家

推荐阅读:iOS开发——BAT面试题合集(持续更新中)

前言

一个好看颜值高的 app 往往离不开各种好看的动画,然而复杂的动画效果的做起来可谓是每个程序员的噩梦,笔者特意搜集了10个让你相见恨晚的 iOS Swift 动画框架,助你轻松高效的搞定动画!

如果大家喜欢这类型的文章,推荐另一篇:

推荐阅读:iOS开发——BAT面试题合集(持续更新中)

No.1 Lottie

Airbnb 开源的用于渲染 AE 矢量动画的动画框架,有多平台版本,通过 AE 插件直接将动画导出为 json 文件在客户端使用,将动画功能实现完全交还给设计师,从此告别耗费性能的帧动画。

image image

No.2 Spring

Spring 是一套支持 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
··· ··· ···

本次的分享就到这啦,喜欢的话可以点个赞

上一篇下一篇

猜你喜欢

热点阅读