零件上的接口

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

Class.SurfaceGui 对象允许您在 3D 世界上的表面上显示 GUI 内容。它们通常用于显示排行榜，或在 3D 空间中标记区域。此教程显示您如何创建一个关于长剑统计数据的信息板。

创建界面图形用户界面

  1. 创建一个名为 InfoBoard 的零件。

  2. 将零件的 大小 改为 15、18、1 。

  3. 将 地面图形用户界面 插入零件并将其重命名为 信息界面 。

  4. 将 Frame 插入 GUI 并命名它为 背景框架 。 这是信息显示的背景。

调整图形用户界面

脸

Class.SurfaceGui.Face|Face 属性决定零件的哪个面将用于显示 SurfaceGui。当正确面被选择时，背景框架会在表面上作为小个白色方块显示。

  • 将 面部 属性的 InfoSurfaceGui 设置为 前。

大小

要使框架覆盖整个面，您需要调整其 大小 属性。

  • 将 框架 的 大小 属性设置为 1, 0, 1, 0 ，以覆盖所有选定的面。

样式

通常来说，UIPadding 约束是在 GUI 对象和其内容之间创建空隙的好主意。

  1. 在 InfoSurfaceGui 中插入一个 UIPadding 限制。

  2. 设置 垫子底部 ， 垫子左侧 ， 垫子右侧 和 2> 垫子顶部2> 属性，以创建边框。

  3. 将 背景透明度 属性的 背景框 设置为 1 。

添加内容

您可以使用以前的 UI 教程中学到的技能显示信息在 背景框架 中。以下是框架的一些示例内容：

对象描述
1一个 TextLabel 用于显示项目名称，用 ImageLabel 在下方显示木板。
2一个图像标签，用一个灰色的背景颜色3值显示物品图像。 UICorner 约束用于将圆角边缘应用到每个角落。
3个一个框架，其中包含三个 UIListLayout 约束，用于在横向顺序中将它们组合在一起，类似于 创建一个分数条。

表面界面用户界面属性

现在您已经拥有完成的 SurfaceGui，请尝试更改以下属性以查看其效果。

光明影响

因为面积图形用户界面在 3D 世界中存在，因此它们可以受到光的影响像任何其他对象。 LightInfluence 属性控制面积图形用户界面受到的光影响。正常值是 1，意味着 GUI 空间会像

装饰

显示在表面图形用户界面的零件是由 Adornee 属性 确定的。如果为空，它将在父零件上自动显示。设置 Adornee 允许您在 GUI 不是父级时设置交互 按钮。要将 SurfaceGui 装饰到零件：

  1. 将 SurfaceGui 拖入 StarterGui 。

  2. 装饰它，通过单击 Adornee 输入框和板部分。