Canvas:无需代码就可以在Xcode中显示动画

 ,  , 

687474703a2f2f662e636c2e6c792f6974656d732f3334333530303064334731453374336d304a30582f63616e7661732e706e67

Canvas是一个无需代码就可以在Xcode中创建动画的工具库,很大程度的降低了iOS开发中创建动画的难度,对设计人员和开发人员都有很大帮助。

在iOS开发中,对于一个缺乏Objective-C和Xcode编程经验的设计人员来讲,在项目中创建动画是非常困难的。即使是一个开发经验比较丰富的开发人员,也很难在较短的时间内使用简短的代码创建出真实的动画效果。

但如果在开发中使用Canvas,用户不需要写任何代码就能实现精美的动画效果,例如Parallax headers、Sticky sections、Blurred Backgrounds,就像修改几行代码那样简单。

Demo App

687474703a2f2f662e636c2e6c792f6974656d732f333530583337326532693178327932413168304b2f63616e7661732d616e696d6174696f6e2e676966

Demo App在工程中使用了CocoaPods,所以下载工程之后需要先运行 pod install,然后再打开 Canvas.xcworkspace。操作演示如下:

687474703a2f2f662e636c2e6c792f6974656d732f31513156337333793032316d3349324c307233692f72756e6e696e672d64656d6f2d73686f72742e676966

Demo无法运行?

如果运行Demo的时候出现像 Accelerate.framework not include之类的报错,请尝试升级一下CocoaPods的版本:

我们的主页上也有可用的Demo。

安装

如果已经安装了CocoaPods,安装Canvas工具库就非常简单:

确认无误后运行下面的命令行更新依赖库:

安装可能需要一小段时间,安装完成后,项目文件夹中就会出现一个workspace (.xcworkspace) 文件,通过Xcode打开即可:

以上就是整个安装过程,比较简单,在我们的博客中还可以查看更详细的教程。

使用

1、使用Interface Builder(无需代码)

687474703a2f2f662e636c2e6c792f6974656d732f3071304830333161303233593234336b3346314f2f696d672d616e696d6174696f6e4032782e706e67

在Custom Class选项卡中指定类为 CSAnimationView,并配置 duration、 delay、 type等动画运行属性。

开始使用之前可以先参考一下关于Canvas功能的详细介绍

2、使用代码

和使用IB(Interface Builder)非常类似,只是通过代码来创建自定义视图。

要求

  • iOS 7.0及以后
  • Xcode版本5.0以上

作者

开源协议

Canvas在 MIT开源协议 下可以使用,也就是说,只要在项目副本中包含了版权声明和许可声明,用户就可以使用Canvas做任何想做的事情,而Canvas也无需承担任何责任。可以通过查看LICENSE文件来获取更多相关信息。

官方网站:http://canvaspod.io/
开源地址:https://github.com/CanvasPod/Canvas

打赏支持我整理更多优质资源,谢谢!

打赏编辑

打赏支持我整理更多优质资源,谢谢!

任选一种支付方式

1 2 收藏

资源整理者简介:魏川程



直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer