11-Origami中文帮助-Workflow-Code Export

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.

我们只是刚开启了代码导出功能,我们还有很多事情在计划,我们计划建立支持像景点动画模块,和延时模块,甚至我们希望在将来会更多,在我们的社区中告诉我们你的建议,你希望看到支持什么。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,978评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,954评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,623评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,324评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,390评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,741评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,892评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,655评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,104评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,451评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,569评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,254评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,834评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,725评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,950评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,260评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,446评论 2 348

推荐阅读更多精彩内容