[翻译] Canvas 不用写代码的动画

Canvas 不用写代码的动画

https://github.com/CanvasPod/Canvas

Canvas is a project to simplify iOS development for both designers and developers. It had been difficult for designers to get hands on building the product with the lack of objective-c and Xcode experience, and a hard time for developer to use reasonable amount of time and lines of code just to achieve really simple effects.

With Canvas, creating stunning animations requires zero lines of code, trendy effects like the Parallax headers, Sticky sections, Blurred Backgrounds, will be as simple as few lines of code changes.

Canvas 是一个用来简化 iOS 设计的项目。对于初级开发者而言,如果连 Xcode 都用不顺手,甚至为了实现一个效果需要写好多好多的代码而苦逼。

使用 Canvas ,创建一个动画效果只需要一行代码,那些时髦的效果诸如视差、不动的区域、模糊化的背景,这些只需要几行代码。

 

Demo App

The demo app in this project uses CocoaPods, please run pod install after you download this project, then open Canvas.xcworkspace.

demo 使用的 CocoaPods,在下载这个应用之前,请先运行 pod install,之后再打开 Canvas.xcworkspace。

See this screencast in action:

Unable to build demo?

If you're getting some errors like Accelerate.framework not include, please update your CocoaPods version:

$ [sudo] gem install cocoapods

We also have a live demo avaliable at homepage.

如果编译时提示了你有些错误如 Accelerate.framework not include ,请更新你的 CocoaPods 的版本:

 

Getting Started

If you're already on CocoaPods, installing our library is easy:

如果你已经有 CocoaPods 了,安装我们的库将会很容易:

$ edit Podfile
platform :ios, '7.0'
pod 'Canvas', '~> 0.1'

Make sure you also update the dependencies by running this command afterwards:

确保你更新了依赖哦:

pod install

Then you should now have the Xcode workspace (.xcworkspace) ready.

现在你应该已经有工程文件了。

$open App.xcworkspace

That's it and you are good to go! See our blog posts for hands on tutorial.

你可以在我们博客上看手把手教的教程。

 

How to Use

Using Interface Builder (no code required)

Specify the class CSAnimationView, and configurate the runtime attributes durationdelay, and type.

Please also get started with our more detailed explaination on what Canvas can do.

指定这个 CSAnimationView,配置运行时的参数 duration,delay,以及 type。

你也可以从我们这个有着更多解释信息的项目demo中着手。

 

Using Code

It's very similar to using Interface Builder, instead you just setup the custom view in code.

与使用 IB 很类似,你也可以用几行代码来搞定。

CSAnimationView *animationView = [[CSAnimationView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

animationView.backgroundColor = [UIColor whiteColor];

animationView.duration = 0.5;
animationView.delay    = 0;
animationView.type     = CSAnimationTypeMorph;

[self.view addSubview:animationView];

// Add your subviews into animationView
// [animationView addSubview:<#(UIView *)#>]

// Kick start the animation immediately
[animationView startCanvasAnimation];

Requirements

iOS 7, Xcode 5

 

Who's behind?

时间: 2024-09-19 09:44:35

[翻译] Canvas 不用写代码的动画的相关文章

求推荐,不用写代码,易操作的UI自动化测试工具

问题描述 求推荐,不用写代码,易操作的UI自动化测试工具 求推荐,不用写代码的,不用搭建框架,易操作,维护成本较低的UI自动化测试工具,除了qtp ,selenium.非常感谢! 解决方案 开发者眼中最好的 22 款 GUI 测试工具 http://www.oschina.net/news/52531/22-gui-testing-tools

其实不用写代码,你也能为开源作出贡献

开源项目在国外已经成为了一股热潮,已经开始影响到日常生活的方方面面,可是在中国,开源项目的使用者不少,贡献者却寥寥无几,但同时有很多人想要参加开源项目,却总是不得其门而入--无论你是久经沙场的编程老手还是初入门道的技术小白,或者压根就不是一个程序猿,都有不写代码而为开源项目作出贡献的方法. 与非自由软件相比,开源项目的非工程贡献往往相对缺乏,所以不要因为你不是一个程序员就逃避开源,说不定你的博客帖子或设计技能对于项目来说比一行代码有意义多了. 下面有几种不写代码也能为开源项目做贡献的方式,赶紧参

不用写代码就能实现深度学习?手把手教你用英伟达 DIGITS 解决图像分类问题

锋网首发.   引言 2006年,机器学习界泰斗Hinton,在Science上发表了一篇使用深度神经网络进行维数约简的论文 ,自此,神经网络再次走进人们的视野,进而引发了一场深度学习革命.深度学习之所以如此受关注,是因为它在诸如图像分类.目标检测与识别.目标跟踪.语音识别.游戏(AlphaGo)等多个领域取得了相当优秀的成绩,掀起了又一波人工只能浪潮.深度学习技术逐渐成为机器学习领域的前沿技术,近年来得到了突飞猛进的发展,这得益于机器学习技术的进步以及计算设备性能的提升.英伟达公司研发的图形处

导入-Java从excel读取数据时,能够自己选择excel文件,不用在代码中将文件目录写死!

问题描述 Java从excel读取数据时,能够自己选择excel文件,不用在代码中将文件目录写死! 项目是进行单机版和网络版的数据对比,需要将单机版导出来的数据(excel表格,固定格式)导入网络版进行对比,网络版在导入数据时能提示选择导入的excel文件,不用在Java代码中将要读取数据的excel表格的目录写死.谢谢您的帮助! 解决方案 JAVA读取EXCEL用的比较多的是POI类库,参考Java对Excel(0307)进行上传.解析.验证.入库,或者你搜索一下java poi,有很多文章的

c#-C#获得金山词霸在线版的单词,要翻译的,请问代码具体怎么写,我新手完全不会,很急

问题描述 C#获得金山词霸在线版的单词,要翻译的,请问代码具体怎么写,我新手完全不会,很急 C#获得金山词霸在线版的单词,要翻译的,请问代码具体怎么写,我新手完全不会,很急 解决方案 http://wenku.baidu.com/link?url=e_HZUcFDzN73lHiJTpM8GO78_DDSFm_T50_84oE3lAxRC98hQBbNsTbyJqfcyk1J8sG3x7TYsXSVfVpBzTLV-EuSQcSVlKdW6Bl50oWUQHu 解决方案二: http://www.

不用js代码,只写cs代码怎样关闭一个aspx页面?

问题描述 不用js代码,只写cs代码怎样关闭一个aspx页面?写window.close():老弹出关闭对话框,而我的程序不想让弹出对话框. 解决方案 解决方案二:帮顶!关注中!解决方案三:无论如何都必须用客户端代码,就算客户端代码是服务端代码输出的,直接的服务端是没法控制客户端浏览器的.要想window.close()不提示要用到组件.解决方案四:可以写在buttonOnClient中解决方案五:写window.close():老弹出关闭对话框,而我的程序不想让弹出对话框.那你就这么写:win

关于CTO该不该写代码:我们调查了100个CTO,70%的人说不用写但要懂

近期,某医疗互联网公司前CTO在网络上飙红,很多IT圈人士的微信.微博均遭到刷屏待遇.具体事件经过不再做累述,信息大家都已心照不宣. 我们关心的是,由这次事件所引出的各种声音,其中最突出的一种声音是,广大IT人士开始对CTO要不要自己写代码产生了诸多疑问,大家都各执己见.鉴于此,我们特别设计了一次问卷调查,在本次调查中我们对接近100多名以CTO,CIO为主,也包括程序员.产品开发人员在内的相关人士通过问卷的形式进行了集中调查.并邀请了相关企业的技术人员对调查结果进行了客观评论与分析.以下为本次

《HTML5+JavaScript动画基础》——2.3 用代码实现动画

2.3 用代码实现动画 在准备好HTML5文件的基本结构之后,我们已经了解了足够多的基础知识,可以开始编码了.我们需要一个文本编辑器用来输入示例代码以及一个支持HTML5的Web浏览器运行这些示例.同时我们需要熟悉该浏览器内置的开发者控制台.在准备好这些工具后(它们很可能已经在你的电脑上)我们就可以出发了,让我们深入学习一些动画吧. 2.3.1 动画循环几乎所有的程序动画都会表现为某种形式的循环.我们会创建一个展现一系列图像的流程图以实现逐帧动画,其中每一帧只需要绘制出来即可,如图2-2所示.

珍妮的故事:从不会写代码的门外汉到程序员

我不想说出她的名字,这里就叫她珍妮吧. 珍妮有5个最好的朋友,其中2个是Google的工程师,一个是Eventbrite的工程师,一个是架构师,另外一个是她的老爸(一个很可爱的人),是珍妮家乡的州足球队的主席. 珍妮毕业时拿的是企业管理专业的学位证书.这是个错误.在旧金山,企业管理基本上就是说你要去照看别人的工作. 珍妮来到加利福尼亚时是2008年.经济形势对她很不利.她这个刚毕业的人能找到工作的那一点点机会被人才市场里洪水般涌入的中级或高级人才冲的无影无踪.为了生活她别无选择,她找到了一个在药