好库网 好库网首页 | 我的好库
我是爱凤

IBAnimatable(iOS源代码)

发布者:iphone
发布日期:2016/4/4 15:01:32   更新日期:2016/4/4 15:01:32
文件大小:9M
下载次数:10   浏览次数:1042
评分:4.80

源码目录结构图

  • ._IBAnimatable-master

介绍

来源: github/IBAnimatable Licence: MIT
作者:
IBAnimatable 是一个帮助我们在 Interface Builder 和 Swift Playground 里面设计 UI, 交互, 导航模式, 换场和动画的开源库。



整个 App 都是通过 IBAnimatable 在 Interface Builder 设计完成,没有任何一行代码。



2015 年 Designer News 热门文章中,前 20 篇里面有一半左右的文章是讨论如何快速制作可交换的原型,例如 Adobe 公司在开发 Project Comet 原型工具来补救日益被 Sketch 迅速占领的市场。这些工具都有一个特点:“快”。“快”成为移动开发领域唯不可破的法宝,因为无论那个 App 都需要在不断的迭代中逐步完善和发展。但是目前这些工具都没法提供一个端到端的解决方案,很多工具生成的原型没办法直接使用在最终的 App 中,或者需要在 Xcode 和 Interface Builder 里重做原型中的设计,交换以及动画。这是一个很大的痛点,IBAnimatable 的诞生是为了解决这个痛点。IBAnimatable 提供从想法到最终 App 产品的设计工具,帮助我们在 Interface Builder 和 Swift Playground 里面设计 UI, 交互, 导航模式, 换场和动画。



主要功能

一个工具覆盖原型到可提交到 App Store 的 App - 支持所见即所得的设计功能。

对设计师友好 - 在 Interface Builder 的 Attributes Inspector 里提供类似 Sketch 配置功能。

在 Swift Playground 上设计动画 - 提供类似 Framer Studio 的左边编写代码,右边预览动画的功能。

内置 Auto Layout 支持 - 使用 Auto Layout 和 Size Classes 支持翻屏和多设备。

导航和换场动画支持 - 可以使用内置的导航模式,IBAnimatable 同时提供 Unwind Segue 来返回前一个页面,可以省去编写代码的步骤。

Protocol-Oriented 编程模式 - IBAnimatable 使用了 protocol-oriented 编程模式,使得项目非常容易扩张,并且可以方便的制作出自己的自定义控件。



使用场景

制作原型 - 使用 IBAnimatable 快速地执行可交互的原型。

在 Interface Builder 里面快速实现 - 把 Sketch 的 UI 或者 Framer Studio 的原型在 Interface Builder 快速实现,不需要编写任何代码。

制作自定义控件 - 使用 IBAnimatable 的 extension 制作另外的控件库,例如 Material 控件等。



如何在 Interface Builder 中设计 UI 和动画 (图2)

1、打开 storyboard 或者 Xib。

2、把 UIView 或其他 UI 控件拖放到 ViewController 里面。

3、在 Identity Inspector 里把相应的 UI 控件关联到 Animatable 的 UI 控件类,Animatable 的文档可以在 APIs section 找到。

4、在 Attribute Inspector 里配置UI和动画。



如何在 Swift Playground 里设计动画(

评论

账号 密码 还没帐号呢,现在注册一个?



免责声明:好库网所展示的信息由发布者自行提供,其真实性、准确性和合法性由信息发布人负责。好库网不提供任何保证,并不承担任何法律责任。