Dosen原创
这是我学习quartz composer，Origami，看官方文档翻译下来的，每天一篇，有不准确的地方希望能指出，一起交流进步。转载请与我联系，擅自转载视作侵权。
Code Export 导出代码
Code Export is a new feature in Origami 2.0 that exports animations in Origami prototypes as code snippets that you can send to your engineers. It can export Objective-C for iOS, Java for Android, and JavaScript for the web.
导出代码是Origami2.0的新功能，将在Origami原型中的动画导出成代码片段，可以发给你的工程师。它可以导成iOS用的OC代码，安卓的java，或者web用的JS。
真心觉得好强大，对统一公司产品的设计风格非常非常有用！而且工程师们不用再写头疼的动画了，一定灰常高兴吧！
The goal of code export is to improve the workflow between design and engineering by enabling designers to quickly export animation constants, so their engineers can achieve exactly the same effects with minimal effort.
导出代码的目的是为了优化设计和程序的工作流程。设计师导出动画给工程师，工程师可以用最少的工作量达到精确的一致的效果。
Code Export relies on thePopframework for iOS,Reboundfor Android, andRebound JSfor the web to deliver the exact same Origami animations across platforms.
代码导出依赖于iOS的Pop框架，安卓的Rebound，web的ReboundJS去跨平台地实现准确的一致的Origami动画。
What it exports 它导出了什么
This feature currently exports the names and values of:
目前的这个功能导出的内容是：
Pop Animation patches
Pop动画模块
Transition patches connected to Pop Animation patches
Pop动画模块连接的位移模块
The connections between those Transition patches and Layers
位移模块和层之间连接在一起的。
This is the majority of what you need when you’re implementing an animation in a product that was designed in Origami.
这是当你在产品中实现在Origami中设计的动画所需要的大多数东西。
What it doesn’t 它不能做什么
Code Export intentionally doesn’t export the entire prototype to code. Prototypes are meant to be quick and dirty design explorations, where designers can rapidly try and evaluate a number of ideas. Prototypes usually contain images that have fake data (like in a news feed) or represent standard system components. They’re also usually only in one language, not built to resize to different screen sizes, not built to optimize for performance, handle accessibility modes, etc. They exist to help you make design decisions, not to be a final product to ship to users.
代码导出功能特意不导出全部原型为代码。原型意味着快速和不规范的设计探索，原型让设计师可以快速的尝试，对创意进行评估。原型经常包含着一些图片和假数据(比如假消息)或者代表标准系统的组件，它们通常只用一种语言，不做不同屏幕尺寸的适配，不做性能的优化。它们的存在是为了帮助做设计的决定，而不是做一个最终的产品。
We built Code Export to focus only on exporting the parts of your prototype that make sense to integrate into an actual product.
我们做代码导出功能只专注在导出的你的原型的这些部分可以成为真正产品的一部分。
How to use it 如何使用它
In the Origami menu, select Code Export and then choose the platform you'd like to export to. Origami will generate code that an engineer can integrate into the project.
在Origami的菜单中，选择Code Export并选择你希望导出的平台。Origami会生成工程师可以使用在项目中的代码。
For examples of how to integrate the exported code, check out these projects created byWill Baileythat use the code exported from theTap to Zoomexample.
例如如何让导出的代码组织到项目中，查看WillBalley创建的这些项目，从Tap to Zoom这个例子中学习代码导出。
Theweb projectuses the exported code on a webpage. It includes theRebound JSlibrary and the JavaScript file exported by Origami. The rest of the code sets up the DOM elements and hooks them up to the Origami layers.
web project导出的代码使用在一个页面上，它包括ReboundJS库和Origami导出的JS文件，其余代码装配DOM元素并挂在Origami层上。
TheAndroid projectuses the exported code in an Android project. It includes theReboundlibrary and Java file exported by Origami. Download the project from GitHub to see how the code is integrated.
Android project导出的代码使用在安卓项目中。它包括Rebound库和Origami导出的Java文件。从GitHub上下载工程文件去看代码如何整合进项目的，
More on the way 更多即将到来
We’re just getting started with Code Export. We have many things on the list that we plan to build support for like Classic Animation patches and Delay patches, and even more on our wish list for the future. Post suggestions for what you’d like to see supported in ourcommunity group.
我们只是刚开启了代码导出功能，我们还有很多事情在计划，我们计划建立支持像景点动画模块，和延时模块，甚至我们希望在将来会更多，在我们的社区中告诉我们你的建议，你希望看到支持什么。