Layer

图层在 Origami Studio 里类似于图层在 Sketch 和 Photoshop: 每个图层都具有样式属性 (位置, 大型, 图片 或者 颜色) 并且能够被有条理的组织的。

⌘⇧N或者工具栏+按钮添加一个图层。

图层组

通过选择任意数量图层然后按下 ⌘G,图层就能被编组。图层组在 Origami Studio 有它们自己的大小和位置, 并且合上里面的图层。

图层属性

图层属性类似于模块的端口. 这些输入端口的值决定了图层的显示结果。

图层属性模块

通过模块调整图层属性 点击属性在属性面板, 然后一个名叫图层名的蓝色图层属性模块就会被创建出来,只有写着一个值的一个单独的输入端口。

Layer - 图1

(点击透明端口在区块属性上将会添加这个模块到模块编辑器里)

你也可以直接拖拽一条连线从模块到属性面板的图层属性上。

如果一个属性有多个坐标(例如: 位置 X\/Y, Size W\/H),你可以点击具体的坐标,如:X

Layer - 图2

或者点击全部属性,如:位置

Layer - 图3

(点击多个坐标的属性,例如: 位置,大小,角度,将自动插入一个 Point 模块,能够表示额外的不会默认显示的坐标,如:Z)

遮罩

图层能被其他图层遮罩住. 按下⌘⌥M将会转换图层为透明遮罩, 裁剪上面的图层。 添加额外的层被遮住,你可以选择图层并按⌘⌥⇧M. 所有的遮罩都是透明遮罩,它可以让你做进阶的遮罩,如倾斜的遮罩或复合的遮罩,基于一组的形状。

组件

提供预置好的组件集来用标准组件在安卓或IOS上快速制作原型。

通过选择图层然后按下 ⌘⌥G 编组他们到一个组件里以创建自定义的组件 ,双击组件可以进去修改它. 添加它到你的库里并且通过按下 ⌘⌥C 分享给别人。

总结

  • 图层就类似于其他app里的图层, 就像 Sketch 和 Photoshop, 都能被编组和遮罩
  • 通过在属性检查器点击图层属性以在模块编辑器里添加对应的模块来编辑动画和图层。
  • 使用预置组件来加快你的工作速度, 创建你自己的组件库并且分享。