美文网首页
面试驱动技术 - Category 相关考点

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

作者: iOS开发之家 | 来源:发表于2019-10-25 14:30 被阅读0次

    推荐阅读: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
    ··· ··· ···

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

    相关文章

      网友评论

          本文标题:面试驱动技术 - Category 相关考点

          本文链接:https://www.haomeiwen.com/subject/aslxmqtx.html