共计 2988 个字符，预计需要花费 8 分钟才能阅读完成。

布局视图

概述

布局视图是对象的视觉设计工具。它允许你为对象设置预排列的布局，例如游戏关卡、菜单或标题屏幕。在其他工具中，布局可能被称为场景、房间、帧或阶段。另请参见关于布局的手册部分。

布局视图

布局视图中的左上角虚线矩形表示布局中的视口大小。默认情况下，视口显示在布局的左上角，因此要相对于视口对齐某物，应将其放置在此矩形内。

视图角落处出现一个小状态栏，显示当前鼠标在布局中的位置、当前缩放级别和当前活动图层。活动图层很重要，因为新对象实例会添加到该图层。通过在图层栏中选择不同的图层来更改活动图层。

添加、修改和删除对象

双击布局中的空白处或右键单击并选择“插入新对象”以添加新对象类型。这将打开“创建新对象类型”对话框。

要创建现有对象类型的新实例，可以通过控制 + 拖动另一个对象、复制粘贴或从项目栏拖放来创建。确保您清楚了解对象类型和实例之间的区别（如项目结构中所述）。

将图像文件拖放到布局视图中作为精灵对象的快捷方式。这将自动使用拖动的图像创建一个新的精灵对象类型。如果拖动了多个图像文件，则精灵将被分配一个以拖动的图像作为动画帧的动画。在支持的情况下，像 GIF 和 APNG 这样的动画图像文件格式也可以被拖放，并将用作精灵动画。（动画图像文件格式也可以导入到动画编辑器中，它们也将被拆分成单独的帧。）

Chrome 和 Edge 支持这种方式导入动画图像文件格式，但其他浏览器可能不支持，在这种情况下，它们只能使用第一帧。
SVG 文件也可以拖放，并且将为它创建一个 SVG 图片对象。

通过鼠标拖放可以移动实例。按住 Shift 键可将拖动锁定到对角线上。或者，它们可以用箭头键一次移动 1 像素（按住 Shift 键可移动 10 像素），或者直接在属性栏中键入坐标。

删除键或右键单击“删除”选项删除实例。删除一个对象的所有实例不会从项目中删除对象类型。要完全从项目中删除对象，应通过项目栏删除它。

单击对象以选择它们。如果它们的图层被锁定，则无法选择对象。按住 Control 键的同时单击以选择多个对象，或单击并拖动选择矩形以选择区域内的所有对象。属性栏显示所有当前选定对象的属性，因此更改属性会为每个选定对象设置它。

当单个对象被选中时，它周围会出现调整手柄。

在布局视图中调整所选实例的大小

单击并拖动调整手柄以拉伸对象。按住 Shift 键以成比例调整对象大小。按住 Control 键以相对于对象原点调整大小，这在选定对象上显示为一个小点。

像精灵这样的可旋转对象可以通过将鼠标移到调整手柄外、远离对象来旋转。当你这样做时，鼠标光标会变成旋转箭头。看到这个时，单击并拖动以旋转对象。

有时，调整手柄或旋转光标可能会妨碍其他对象。如果发生这种情况，按住 Alt 键以暂时隐藏调整手柄并禁用旋转。这允许您选择另一个对象而不是修改选定的对象。

使用瓦片地图

如果您正在设计基于瓦片的游戏，可以插入瓦片地图对象并在布局视图中编辑瓦片。要了解更多信息，请参阅瓦片栏手册条目。

滚动和缩放

在布局视图中有几种滚动方式：

• 视图边缘的垂直和水平滚动条
• 滚动鼠标滚轮以垂直滚动。您还可以按住 Shift 键以水平滚动。
• 按住鼠标中键并拖动鼠标
• 按住空格键并移动鼠标（对于带有触控板的笔记本电脑很有用）
  在桌面系统上，中键拖动可能是在布局中移动的最方便方式。

缩放对于聚焦在小区域或查看整个布局的概览很有用。有几种缩放方法：

• 在布局视图中右键单击时，查看菜单中的缩放选项
• 按住 Control 键并滚动鼠标滚轮。同时按住 Control + Shift 键可将缩放加倍或减半（例如 100%、200%、400%…）
• 在键盘上按 Ctrl + + 或 -。按住 Shift 键以加倍或减半缩放。
• 按 Ctrl + 0 返回 100% 缩放。

选择包装

如果您选择了两个或更多对象，您可以通过按 Enter 键或右键单击并选择“包装选择”来包装选择。这允许您将选择作为一个整体旋转和拉伸。

包装的选择在选择框中呈现不同的颜色，如下所示：

在布局视图中包装选择
包装的选择可以像一个巨大的对象一样调整大小和旋转。例如，选择可以扩大并旋转，所有对象都保持彼此相对的位置。

包装的选择作为一个整体调整大小和旋转
虽然选择了包装，但单击包装选择中的任何对象可使该对象成为旋转原点。

容器

在布局视图中，分组到容器中的对象以黄色突出显示。容器也可以设置为自动包装其选择。如果您仍需要选择自动包装选择中的单个对象，请按住 Alt 键并单击其中一个对象。

设置层次结构

您可以在布局视图中将对象连接成一个层次结构 – 也称为场景图。这与使用“添加子层次结构”操作类似，但在编辑器中设置。

要设置层次结构，选择多个对象，然后右键单击您希望成为父对象（即层次结构中的其他对象之上）的对象，并选择“层次结构”
►
“将选择添加到此实例”。箭头将从父对象指向子对象以指示层次结构。

层级设置与编辑

当子对象被选中时，属性栏中会新增一个层级部分，允许你选择子对象随父对象变换的属性，例如位置、角度以及子对象是否随父对象销毁。在运行时，子对象将跟随父对象（对于启用的属性）的任何更改 – 通常给人以物体相连或形成单个更大物体的视觉印象。

一旦层级建立，还会出现其他选项来分离对象：从父对象中移除以移除其子对象，以及移除所有子对象以分离该对象下方的整个层级。

根实例还具有一个选择模式属性，类似于容器，允许自动选择整个层级，也可以选择包含选择环绕。如果启用此功能，无论选择模式如何，你都可以通过按住并点击实例来单独选择它。布局的编辑器属性还包括一个显示层级选项，让你切换是否在对象上方显示指示层级的箭头，从父对象指向子对象。

网格编辑

你可以在布局视图中为某些类型的对象创建网格，作为网格扭曲功能的编辑器对应物。这让你能够做诸如创建流体水平设计之类的事情，如网格平台示例所示。网格还会影响碰撞，因此像平台这样的行为会与它们交互，就像它们出现一样。

要创建网格，右键单击实例并选择“网格”►“创建网格 …”。你必须指定至少 2 ×2 的网格大小。一旦创建，网格将以绿色高亮显示，新的绿色手柄可以让你点击并拖动以调整网格。网格以简单的网格开始，不会改变对象的外观 – 一旦你移动网格点，它就会开始从默认外观改变。

网格编辑器在布局视图中

你还可以在拖动网格点时按住 Shift 键，以不扭曲图像的方式移动它。这可以创建一种遮罩或剪裁外观。

当你点击一个网格点时，它也会被选中，并在属性栏中显示该网格点的属性。这允许对网格点的确切细节进行精确控制，以及提供信息值，如网格列和行。还可以在属性栏中修改网格点的 Z 高度，允许进行 3D 网格扭曲。要了解更多信息，请参阅教程“在 Construct 中使用 3D 功能”。

其他

要转到关联的事件表，按 + 或右键单击并选择 CtrlEEdit 事件表。

通过右键单击并选择“Z 顺序”►“发送到层顶部”或“Z 顺序”►“发送到层底部”，可以调整层内对象的 Z 顺序。你还可以为高级控制打开 Z 顺序栏（仅限付费计划）。

可以将对象捕捉到网格以进行瓦片放置，也可以勾勒出显示对象的碰撞多边形。这些功能可以在布局的属性中启用。

布局视图中的右键菜单还在对齐子菜单下提供了一些对齐工具。这些允许你快速等距排列对象或沿边缘对齐对象。对齐时，对象会根据你右键单击的特定对象对齐。

通过双击带有图像或动画的对象（如平铺背景和精灵），可以调出动画编辑器。你也可以通过双击文本对象来编辑它们的初始文本。

如果在项目属性中启用，效果将在布局视图中显示。