框架是 GuiObjects ,作为其他 GuiObjects 的容器。您可以使用它们来显示用户在 screen 上或在体验中的 UI。
当您操作框架时,您还会操作它们
框架类型
有三种主要框架类型,每种都有特定的用途在UI设计中使用。
框架
Class.Frame 是一个简单的、空的矩形。如果您将 GuiObjects 父级 Frame
滚动框架
Class.ScrollingFrame 是由两个元素组成的框架:一个可定制的 canvas 和 滚动条 。此类型的框架可以在紧凑的空间中显示很多信息,并且有助于菜单和列表。
您可以通过其相应的 Position 和 Size 属性设置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 属性,您可以切换垂直滚动条的位置是否切换到画布的左侧或右侧。
滚动条由三个图像组成:
- 顶部 — 显示在滚动条的缩略图上。
- 中间) — 一个显示为滚动条的缩略图的图像。
- 底部 — 显示在滚动条的缩略图上的图像。
您可以通过滚动条的相应TopImage、MidImage和BottomImage属性来自定义这些图像。注意垂直和横向滚动条使用相同的图像,但横向滚动条从垂直滚动条
每个图像都基于 ScrollBarThickness 属性,这改变垂直滚动条的宽度或横向滚动条的高度。此属性还确定了顶部和底部滚动条图像的宽度和高度,以及中间图像的长度。 但是,中间图像的长度由 ScrollingFrame 和画布
视窗框架
Class.ViewportFrame 是一个使用相机渲染 3D 对象的框架。这种框架是显示 3D 对象和模型在 2D 空间的好方法,例如:
- 您的体验的小地图,直接放在用户屏幕的角落。
- 在物品栏菜单中的 3D 模型。
- 旋转装备的角色。
用户通过 ViewportFrame 查看的 3D 对象可以移动通过其相镜头,保持静电,或在 ViewportFrame 内旋转。此对象还可以包含一个 Sky 子作为回射网格,以反射光。
如果您想要 3D 对象与相镜头移动:
将您的相机视图位置在体验中,以便在框架内显示您想要看到的对象。
父级要求 3D 对象到新的 ViewportFrame 。注意,如果您仍想在体验中查看对象,您必须在 工作区 中复制它,然后父级重复对象到 Class.ViewportFrame 。
当您移动相镜头时,对象也会在 ViewportFrame 内移动。