框架

*此内容使用人工智能(Beta)翻译,可能包含错误。若要查看英文页面,请点按 此处

框架是 GuiObjects ,作为其他 GuiObjects 的容器。您可以使用它们来显示用户在 screen 上或在体验中的 UI。

当您操作框架时,您还会操作它们

框架类型

有三种主要框架类型,每种都有特定的用途在UI设计中使用。

框架

Class.Frame 是一个简单的、空的矩形。如果您将 GuiObjects 父级 Frame

滚动框架

Class.ScrollingFrame 是由两个元素组成的框架:一个可定制的 canvas滚动条 。此类型的框架可以在紧凑的空间中显示很多信息,并且有助于菜单和列表。

您可以通过其相应的 PositionSize 属性设置1> Class.ScrollingFrame1> 的位置和大小。注意,滚动条占用一部分4> Class.ScrollingFrame4> 大小。

canvas

画布是一个ScrollingFrame 内的区域,可以容纳其他GuiObjects。如果画布的一个尺寸高于1> Class.ScrollingFrame1>的总尺寸,4>滚动条4>会显示,否则它会隐藏。

Class.ScrollingFrame.CanvasSize|CanvasSize 属性确定您可以滚动的区域大小,而不是 ScrollingFrame 本身的大小。如果您需要知道 ScrollingFrame 的实际视图区域是多大的,您可以使用仅读取的属性 1> Class.ScrollingFrame.AbsoluteWindowSize1>

Class.ScrollingFrame.CanvasPosition|CanvasPosition 属性确定您在画布上的默认位置,并根据此设置滚动条位置。注意,当滚动条不可见时,此属性不会做任何事情。

滚动栏

滚动栏 显示您在 ScrollingFrame 的内容中的位置。 有两种滚动栏:一个垂直滚动栏和一个横向滚动栏。 垂直滚动栏允许您向上或向下滚动,而横向滚动栏允许您向左或向右滚动。

使用 VerticalScrollBarPosition 属性,您可以切换垂直滚动条的位置是否切换到画布的左侧或右侧。

滚动条由三个图像组成:

  • 顶部 — 显示在滚动条的缩略图上。
  • 中间) — 一个显示为滚动条的缩略图的图像。
  • 底部 — 显示在滚动条的缩略图上的图像。

您可以通过滚动条的相应TopImageMidImageBottomImage属性来自定义这些图像。注意垂直和横向滚动条使用相同的图像,但横向滚动条从垂直滚动条

每个图像都基于 ScrollBarThickness 属性,这改变垂直滚动条的宽度或横向滚动条的高度。此属性还确定了顶部和底部滚动条图像的宽度和高度,以及中间图像的长度。 但是,中间图像的长度由 ScrollingFrame 和画布

视窗框架

Class.ViewportFrame 是一个使用相机渲染 3D 对象的框架。这种框架是显示 3D 对象和模型在 2D 空间的好方法,例如:

  • 您的体验的小地图,直接放在用户屏幕的角落。
  • 在物品栏菜单中的 3D 模型。
  • 旋转装备的角色。

用户通过 ViewportFrame 查看的 3D 对象可以移动通过其相镜头,保持静电,或在 ViewportFrame 内旋转。此对象还可以包含一个 Sky 子作为回射网格,以反射光。

如果您想要 3D 对象与相镜头移动:

  1. 将您的相机视图位置在体验中,以便在框架内显示您想要看到的对象。

  2. 将一个新的 视窗框 添加到 屏幕 然后确保它在 Explorer 中选择。

  3. 属性 窗口中,为相镜头分配 当前Camera 属性:

    1. 选择 当前相机 属性。你的鼠标发生了变化。
    2. Explorer 窗口中,单击顶级 相机 对象。
  4. 父级要求 3D 对象到新的 ViewportFrame 。注意,如果您仍想在体验中查看对象,您必须在 工作区 中复制它,然后父级重复对象到 Class.ViewportFrame

当您移动相镜头时,对象也会在 ViewportFrame 内移动。