布局视图

447次阅读
没有评论

共计 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 顺序栏(仅限付费计划)。

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

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

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

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

正文完
 0
评论(没有评论)