# 图层区

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

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

* 普通资产：包含图片、文本、序列帧、龙骨、粒子、手势区域、组节点
* 视频资产：视频
* 音频资产：包含背景音乐与音效

<figure><img src="/files/wYLuzdTzWLj8cMAsShDs" alt=""><figcaption><p>图层区</p></figcaption></figure>

## <mark style="color:blue;">一、图层展示逻辑</mark>

* 图层面板排序逻辑与画布展示逻辑一致，最上面的图层元素展示在画布最顶层
* 图层模块排序（由上到下）：普通资产>>视频资产>>音频资产
* <mark style="color:red;">视频图层默认位于所有图层的下方</mark> (除背景图片和背景颜色)，且不可移动

👉相关阅读： [/pages/CYcfFqHNF4f0OXUybMas#id-4.-shi-pin-shi-pei-te-shu-xu-qiu](https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/pages/CYcfFqHNF4f0OXUybMas#id-4.-shi-pin-shi-pei-te-shu-xu-qiu "mention")  [作品预览区](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/zuo-pin-yu-lan-qu.md#hua-bu-de-ji-ben-cao-zuo)

<div align="left"><figure><img src="/files/3hIhJ3cicaNM5JD3h3bz" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">二、图层支持的操作</mark>

## 1.调整图层顺序

### **1）方法1**

* 直接在图层面板中拖拽图层，即可调整顺序
* 拖拽方式支持在【普通资产】模块的任意层移动
* 视频资产与音频资产不可拖拽调整

### **2）方法2**

* 在图层面板中，点击选中需要调整顺序的图层
* 点击快捷操作区-图层顺序图标进行调整
* 快捷操作只支持置于顶层/置于底层/上移一层/下移一层4种移动方式

## 2.图层编组/解除编组

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

<mark style="color:blue;">👉相关阅读：</mark> [制作技巧-资产相关](/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-zhi-zuo-ji-qiao-zhong-xin/tong-yong-zhi-zuo-ji-qiao/zhi-zuo-ji-qiao-zi-chan-xiang-guan.md#yi-zi-chan-bian-zu)

### 1）如何进行图层编组

* 若对单个图层编组，可直接选中图层，点击编组按钮即可
* 若对多个图层编组，则需按住ctrl键，选择多个图层，再点击编组按钮

<div align="left"><figure><img src="/files/GOeTIHNuWRKndLQWRLpH" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/p4zz4oSYRYXbkhmrLhQ2" alt=""><figcaption></figcaption></figure></div>

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

<div align="left"><figure><img src="/files/5tUMAEXjPWTOTOrGIRSf" alt=""><figcaption></figcaption></figure></div>

### 2）如何进行图层解组

* 选中该组图层
* a.鼠标右键单击，调起小弹窗，选择“解除编组”文字按钮，即可完成解组

<div align="left"><figure><img src="/files/doXguEuvrLq3Vm33egOt" alt=""><figcaption></figcaption></figure></div>

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

<div align="left"><figure><img src="/files/RgW1GHmCtuxC9LlQoW0u" alt=""><figcaption></figcaption></figure></div>

## 3.复制/粘贴图层

### **1）方法1**

* 选中需要复制的图层
* 鼠标右键单击，调起小弹窗，选择“复制图层”文字按钮
* 右键单击，调起小弹窗，选择“粘贴图层”文字按钮，即可完成图层的复制粘贴
* *名称默认为“原名称\_copy”*
* *只支持图层本身的复制粘贴*

<div align="left"><figure><img src="/files/eNNGz0hZWGJrsfQfVpBF" alt=""><figcaption></figcaption></figure></div>

### **2）方法2**

* 选中需要复制的图层
* 点击快捷操作区快捷复制按钮
* 点击快捷操作区粘贴按钮，调起小弹窗
* 选择粘贴方式，即可完成图层的快速复制粘贴
* *支持快速复制图层，快速粘贴图层外观/位置大小/动画/事件/图层本身五种属性*

<div align="left"><figure><img src="/files/UzyoJoR37mkDq986J8OZ" alt=""><figcaption></figcaption></figure></div>

## 4.删除图层

* 选中需要删除的图层
* 鼠标右键单击，调起小弹窗
* 点击选择“删除图层”文字按钮，即可成功删除图层

<div align="left"><figure><img src="/files/piR9xCVGZ5hCcB7oUhdR" alt=""><figcaption></figcaption></figure></div>

## 5.锁定/解锁图层

* 将鼠标悬停到需要锁定的图层上，该图层会出现解锁状态的<img src="/files/hEVs12EfXZRLrgMiNgYk" alt="image.png" data-size="line">图标
* 点击该图标即可进行锁定，<img src="/files/xxI1nZchViRT9MnX0s19" alt="image.png" data-size="line">图标变成<img src="/files/YPbb7LqSpvTDabZLgUJk" alt="image.png" data-size="line">图标
* 点击已锁定图标，即可进行图层解锁
* *图层默认不锁定；当图层锁定时，图层在画布中无法被选中编辑*
* *锁定适用情况：多个场景同时存在，并且位置尺寸无需再被调整的元素*

<div align="left"><figure><img src="/files/PCol3IYkzXnwamC9ir2i" alt=""><figcaption></figcaption></figure></div>

## 6.隐藏/显示图层

* 将鼠标悬停到需要隐藏的图层上，该图层会出现显示状态的<img src="/files/XjumWpBSxMFrjtzv5GY0" alt="image.png" data-size="line">图标
* 点击该图标即可进行隐藏，<img src="/files/GwlzWApNOL8Hj9nsh0Cg" alt="image.png" data-size="line">图标变成<img src="/files/QCCDNaUbSFPbvygP9YIh" alt="image.png" data-size="line">图标
* 若需显示图层，点击已隐藏图标，即可将图层设置为显示状态
* *元素默认显示状态*
* *当元素隐藏时，图层在画布中不显示，可以通过事件设置让隐藏的图层显示出来（例如：双击后出现彩带礼花）*

<div align="left"><figure><img src="/files/uik2F4vu3P7VpucHVhZP" alt=""><figcaption></figcaption></figure></div>

## 7.图层颜色

* 选中图层，右键可为图层设置颜色
* 主要用于图层&事件数量较多时，对图层进行分类，方便查找/编辑

<div align="left"><figure><img src="/files/OMJ4BeQaY9lLSCqpeDDT" alt=""><figcaption></figcaption></figure></div>

## 8.动画icon

* 图层默认无动画，图标为 ![](/files/kx9Hy7I2YerzOX9JRTcr)
* 当图层添加动画后，图标自动高亮为 ![](/files/28q0iKRWttLwblSVrQS4)；点击图标可快捷切换到该图层的“动画”参数栏，方便查看&调整

<figure><img src="/files/bY5hzc6TfjewbB6cTh9B" alt=""><figcaption></figcaption></figure>

## 9.事件icon

* 图层默认无事件，图标为<img src="/files/T5cE6Pot8aeY2zxqESOZ" alt="image.png" data-size="line">
* 当图层添加事件后，图标自动高亮为<img src="/files/n2oDjde54KIP83GZiuAd" alt="image.png" data-size="line">；点击图标可快捷切换到该图层的“事件”参数栏，方便查看&调整

<div align="left"><figure><img src="/files/rn4amykLsQgHMpmF0eeu" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/flyzQrgHRqG2AFjBXWuE" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.playturbo.cn/ke-wan-gong-ju-zi-you-bian-ji-qi/zi-you-bian-ji-qi-shi-yong-zhi-nan/bian-ji-ye-mian-fen-qu-jie-shao/tu-ceng-qu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.