好看的界面UI以及好玩有趣的游戏系统离不开界面UI的帮助，在迷你世界Studio中，我们为大家提供了非常简单易用的UI编辑器，这些编辑器可以非常轻松的让小伙伴们可以轻松的驾驭UI界面的设计，可视化的视图编辑也能让小伙伴可以更直观的编辑自己的UI界面，那么让我们一起来学习吧~

最常见的 GUI 类型是屏幕 GUI，其行为类似于将贴纸放在玩家屏幕上的 2D 区域。当玩家移动镜头或探索游戏世界时，屏幕 GUI 会保持在相同区域中（位于屏幕上）。

UI编辑器

左侧为UI的节点集合

它包含但不限于【UI节点、UI子控件、UI逻辑】等等

右侧为【属性面板】它包含了【控件、脚本】等等的属性配置

UI节点工具

当小伙伴们制作新的 迷你世界 Studio 游戏时，此屏幕 GUI 区域开始并不存在，您需要添加它。最简便的方法是将其添加到 StarterGui 服务，以便在玩家加入游戏时将其复制到玩家的本地游戏会话中。

注：这里有一个需要注意的地方，如果是添加到【StarterGui】节点下则是本地（本机）显示，如果是添加到【WorkSpace】节点下，则会同步到所有主客机显示

点击【WorkSpace】左侧【▶】展开节点

展开的内容即为我们的UI节点对象

根节点以下是我们的子节点或子节点内的子节点，它可完成嵌套多种内容集中为一个根节点与Windows的文件夹的概念类似相当于根节点为集合，其余为子节点但是子节点也可以为集合内可包含多个其它子节点

每一个节点都可以是一个单独的控件或相关内容或集合，可独立保存属性设置等

可通过子找父或父遍历子来寻找目标节点非常灵活简单易用

以下就是我们的UI编辑器节点工具

认识控件以及属性

首先创建一个控件

在管理器窗口中，找到【StarterGui】对象，右键【StarterGui】弹出菜单

点击【新增节点】创建2DUI载体根节点【2DUIRoot】

右键单击选中我们刚刚创建的【2DUIRoot】点击【新增节点】

创建一个文本标签 选中【UITextLabel】

这样一个基础的控件就创建好啦~

注意：鼠标停留在节点上可查看注释内容

查看控件的属性

选中我们刚刚创建好的控件【UITextLabel】

右侧【属性面板】即为我们刚刚创建的UI控件属性

修改基础的属性让刚刚创建的控件居中并显示”Hello MiniWorld Studio”

在右侧【属性面板】

找到【Title】属性并单击修改它的值为【Hello MiniWorld Studio】

可以看到在游戏视图中就渲染显示出来啦~

在右侧【属性面板】

找到左右对齐【TextHAlignment】与上下对齐【TextVAlignment】

均设置为居中对其【Center】

可以看到我们的文本基于文本框均已居中显示啦~

选择【顶部工具栏】【移动】

可以通过在【游戏渲染视图】中拖拽控件达到修改位置的目的

或在设置中找到【Postition】点击【▶】展开设置X与Y即可

小伙伴发现【UITextLabel】的白色背景有点遮挡视线

如何消除背景的白色呢

找到【FillColor】点击【▶】展开颜色设置

找到【Alpha】透明度设置为0即可 注意：范围为0~255之间值越小越透明

这样一个基础的控件以及属性的学习与使用就完成啦~

这真的是泰库拉~