有时在使用 GemPages 编辑器时,为了进行响应式设计或布局调整,您可能需要隐藏某个部分内的元素。隐藏之后,可能很难直接从画布中选择这些元素。
为了更轻松地查看和选择隐藏元素,您可以使用 层树 功能。“图层树”允许您查看某个部分内的所有元素(包括隐藏元素),并直接从结构化列表中选择它们。
本文将指导您如何使用 GemPages 中的图层树选择隐藏元素。
何时应该使用层树?
在以下情况下,使用图层树尤其有用:
- 您无法直接点击画布上的元素。
- 某些设备上会隐藏某个元素。
- 多个元素相互重叠
- 您希望快速定位复杂布局中的元素
- 您需要检查一个部分内的所有元素。
无需在画布上随意点击,您可以使用图层树快速找到所需的元素。
如何使用图层树选择隐藏元素
按照以下步骤打开图层树并选择隐藏元素。
步骤 1:右键单击要检查的部分
将光标移至包含隐藏元素的部分。
然后:
- 右键单击该部分
- 将出现一个上下文菜单
请确保点击包含您要查找的隐藏元素的正确部分。
步骤 2:单击“打开图层树”
从右键菜单中,单击 开放层树

点击此选项后, 图层树面板 会出现。
此面板显示所选部分内所有元素的结构化列表。
步骤 3:查看该部分内的所有元素
图层树打开后:
- 您将看到该部分内包含的所有元素。
- 隐藏元素仍会显示在列表中。
- 您可以展开嵌套元素以查看其结构。

这样就更容易找到画布上不可见的元素。
步骤 4:将鼠标悬停在元素上以进行视觉识别
快速识别各个元素:
- 将鼠标悬停在图层树中的每个元素上
- 对应的元素将是 在设计工作区中突出显示
此视觉高亮显示功能可帮助您在选择元素之前确认其确切位置。
步骤5:点击元素进行选中。
找到隐藏元素后:
- 在图层树中单击其名称
- 该元素将被选中。
- 其设置将显示在“元素设置”面板中。

现在您可以根据需要编辑、显示、移动或删除该元素。
谢谢您的意见