图层

cellz管理员 2015-11-30
所有的组件(包括基础组件图片,图形,文字,钢笔画出来的路径,或交互组件中的状态集,动画,滚动)以及组件所构成的组,在cellz中,都叫图层。
一般来说,图层属性一般分为:显示属性,操作属性。
显示属性包括:位置,尺寸,透明度,锚点, 旋转,初始时隐藏,基于。

基于

默认属性是其父节点,你可以设置为基于“屏幕”。 如果基于屏幕,可实现公共图层,公共图层可以在多个页面显示,当切页的时候,公共图层并不会随着页面移动。

图层的层级编辑,在结构数中拖动图层,可以让图层归属于某一个组,或某状态集的某状态下,或拖动改变其显示层次。



结构列表

添加图层

在cellz中添加图层最简单有效的方式就是在形状工具栏选中某个图形,当浮动在制作区的光标右下角出现一个十字图案,单击且拖动鼠标,就完成形状图形的添加。


复制图层

复制图层的3种方式:
单击鼠标右键,选择拷贝、粘贴或选择复制,复制出一个对象; 
鼠标右键选择拷贝、原位粘贴,得到一个完全叠合的对象;

使用快捷键,command+C拷贝/ command +V粘贴/command+Duplicate;按住option,拖动组件,可复制出一个重叠的图形;
 

同时多选图层

从你想要选中的对象区域开始拖动鼠标,你会发现随着你的拖动,红色虚线的范围会囊括你将要选择的对象,这时松开鼠标,每个对象上都呈现了8个小手柄,那么多个图层就被选中了。

你也可以在结构列表中,先选中一个对象,再按住shift键,选择最末尾的对象,那么他们之间的所有对象都被选中了。
 

移动图层

你可以选中任一图层,单击鼠标来移动它。而在左侧结构列表中,你可以使用快捷键来进行图层顺序的移动。Command+option+上箭头,表示图层向前移动;Command+option+下箭头,表示图层向后移动。
 

为图层重命名 

双击结构列表中的某一图层,默认文字被选中后,你就可以直接更改默认图层名了。
 
 
更改大小

单击图层,出现在图层上的8个手柄就可以帮你改变图层大小,你可以拖动任一个手柄来调整。
拖动图形某一边中间的手柄只会调整到图形的长或宽,想要同时调整,可直接拖拽图形的某个角。
 
 
图层的锁定和隐藏

在结构列表中,当你将鼠标轻放在图层上,将会出现显示和未锁定的图标。将选择的对象隐藏,那么它将不再设计区内显示,你可以根据设计需求来关闭或打开这个设置,同理,选择锁定后,你将无法使用鼠标来移动它,双击也不能进行编辑。


图层的编辑

拖动图层改变图层位置,拖动边框改变图层的大小, 按住shift,等比缩放大小。

图层的选中: 在操作区,只能选中最外层的图层。 command+鼠标选择,表示穿透,可选择组内图层,或状态内图层。





你可以为多个图层创建组,并在结构列表中呈现为一个图层。并且你也可以为多个组再次创建成一个组。单击组,拖拽移动或缩放组,来改变组内图层的大小。同时双击组内的图层也可以修改组内每一个独立的图层属性。

想要创建组,你需要先选中一个或多个图层,然后右键选择“创建为”>“组”,当然你也可以直接在结构列表里拖拽图层,移动他们的顺序或者直接移动到不同的组里去。



对齐

属性面板顶端有一排对齐的设置按钮,右边的6个按钮是多个图层相对他们本身的所在位置对齐,只有一个图层的情况下是无法使用对齐方式来调整图形的。

左边两个按钮分别是垂直平均分布和水平平均分布,比如水平平均分布,最左和最右的两个图层会留在原位置,其他图层则会均匀的分布在他们中间。

对齐.png




 
分享到微博 分享到微信
×
请打开微信"扫一扫",可将文章分享到朋友圈