iOS UI设计与动画制作

   这是我第一次翻译外文的文章，我自己力求翻译精准，希望对大家有用。

文章的引文我在这里就不在介绍了。文章开始原文的链接在这里

什么是QC(Quartz Composer,动画编辑器)

QC是一个基于节点可视化编程语言是Xcode开发环境的一部分,是用来处理和渲染图形数据。在QC编辑器中,一个用户创建一个组件通过连接彼此的节点和效果反应。

           

QC的最初目的是为可视化任务基本补丁，包括颜色混合器,梯度和溶解转换。使用这些补丁可以可视化的操作编辑内容，所有的结果都变的可见，这无疑是一个伟大的作品。

Origami延伸QC的功能，包括一个新补丁,使它容易执行常见的移动交互的如点击、轻敲、拖动和滚动。您还可以创建经典动画,有弹性的动画和过渡——使用任何QC建造的东西是相当复杂的。最后Origami还长期为QC修复bug。

让我们通过一个例子,更容易了解QC +Origami。本教程的目的介绍 实现一个径向菜单类似于路径的旋转和菜单选项的使用。

要跟随本教程,您可以下载我的资源

安装QC & Origami
　　
　　开始,您需要首先注册注册成为苹果开发者账号。它是免费的,让你下载的Xcode图形QC的一部分。
　　
　　注册玩苹果开发者账号。寻找Xcode的图形工具,下载并安装。
　　
　　安装完QC,下载并安装Origami,就可以了。

创建一个作品
　　
　　QC有几个不同的模板为为了完成不同类型的可视化的任务。我们要用的基本组成是一个空模板,清除屏幕每一帧。去从模板文件>新建或Cmd + N。
　　
　　你的窗口看起来应该像这样:

在这个界面之中，你可以看到一个蓝色的视图，他就是你创建的框架的根节点，一切的开始都是从这里开始的

打开的应用的主视图，你将看见这下面的视图。如果你没有看见这样的视图，你可以点击工具栏的第一个按钮，去打开这样的视图