图层区

#自由编辑器

一个场景,由一个个资产堆砌而成,一个资产即为一个图层。

图层区展示当前场景下的全部资产内容及其类型,一般来说,我们将这些资产划分为以下三种类型:

  • 普通资产:包含图片、文本、序列帧、龙骨、粒子、手势区域、组节点

  • 视频资产:视频

  • 音频资产:包含背景音乐与音效

图层区

一、图层展示逻辑

  • 图层面板排序逻辑与画布展示逻辑一致,最上面的图层元素展示在画布最顶层

  • 图层模块排序(由上到下):普通资产>>视频资产>>音频资产

  • 视频图层默认位于所有图层的下方 (除背景图片和背景颜色),且不可移动

👉相关阅读: 4.视频适配-特殊需求 画布的基本操作

二、图层支持的操作

1.调整图层顺序

1)方法1

  • 直接在图层面板中拖拽图层,即可调整顺序

  • 拖拽方式支持在【普通资产】模块的任意层移动

  • 视频资产与音频资产不可拖拽调整

2)方法2

  • 在图层面板中,点击选中需要调整顺序的图层

  • 点击快捷操作区-图层顺序图标进行调整

  • 快捷操作只支持置于顶层/置于底层/上移一层/下移一层4种移动方式

2.图层编组/解除编组

将多个资产编组后,对该组内资产的位置大小进行统一操作,或对该组增加动画事件等

👉相关阅读: 一、资产编组

1)如何进行图层编组

  • 若对单个图层编组,可直接选中图层,点击编组按钮即可

  • 若对多个图层编组,则需按住ctrl键,选择多个图层,再点击编组按钮

  • 当不选中任何图层时,点击编组按钮,可生成一个默认方形大小居中的组图层。此时,可自定义编辑组的位置、大小,编辑完成后再将所需资产拖进组内即可

2)如何进行图层解组

  • 选中该组图层

  • a.鼠标右键单击,调起小弹窗,选择“解除编组”文字按钮,即可完成解组

  • b.或在快捷操作区点击【解除编组】按钮

3.复制/粘贴图层

1)方法1

  • 选中需要复制的图层

  • 鼠标右键单击,调起小弹窗,选择“复制图层”文字按钮

  • 右键单击,调起小弹窗,选择“粘贴图层”文字按钮,即可完成图层的复制粘贴

  • 名称默认为“原名称_copy”

  • 只支持图层本身的复制粘贴

2)方法2

  • 选中需要复制的图层

  • 点击快捷操作区快捷复制按钮

  • 点击快捷操作区粘贴按钮,调起小弹窗

  • 选择粘贴方式,即可完成图层的快速复制粘贴

  • 支持快速复制图层,快速粘贴图层外观/位置大小/动画/事件/图层本身五种属性

4.删除图层

  • 选中需要删除的图层

  • 鼠标右键单击,调起小弹窗

  • 点击选择“删除图层”文字按钮,即可成功删除图层

5.锁定/解锁图层

  • 将鼠标悬停到需要锁定的图层上,该图层会出现解锁状态的image.png图标

  • 点击该图标即可进行锁定,image.png图标变成image.png图标

  • 点击已锁定图标,即可进行图层解锁

  • 图层默认不锁定;当图层锁定时,图层在画布中无法被选中编辑

  • 锁定适用情况:多个场景同时存在,并且位置尺寸无需再被调整的元素

6.隐藏/显示图层

  • 将鼠标悬停到需要隐藏的图层上,该图层会出现显示状态的image.png图标

  • 点击该图标即可进行隐藏,image.png图标变成image.png图标

  • 若需显示图层,点击已隐藏图标,即可将图层设置为显示状态

  • 元素默认显示状态

  • 当元素隐藏时,图层在画布中不显示,可以通过事件设置让隐藏的图层显示出来(例如:双击后出现彩带礼花)

7.图层颜色

  • 选中图层,右键可为图层设置颜色

  • 主要用于图层&事件数量较多时,对图层进行分类,方便查找/编辑

8.动画icon

  • 图层默认无动画,图标为

  • 当图层添加动画后,图标自动高亮为 ;点击图标可快捷切换到该图层的“动画”参数栏,方便查看&调整

9.事件icon

  • 图层默认无事件,图标为image.png

  • 当图层添加事件后,图标自动高亮为image.png;点击图标可快捷切换到该图层的“事件”参数栏,方便查看&调整

最后更新于