迷你世界中小伙伴们开发的游戏也都是跨平台的【PC、Android、IOS】，虽然一些内容得到了良好处理，但是由于设备不同分辨率的不同，常规的设置导致UI显示可能会不太一样，那么如何避免这种情况呢，迷你世界Studio也为我们提供了多种适配的方案，那么让我们来学习一下吧~

创建一个控件

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

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

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

创建一个按钮 选中【UIButton】

这样一个按钮的控件就创建好啦~

选中我们的UI控件【UIButton】节点

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

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

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

可以适配分辨率的几个属性

这些属性功能可能一个不起眼但是搭配起来适配分辨率会是比较不错的方案，如：【LayoutHRelation】水平关联方式、【LayoutSizeRelation】宽高关联、【LayoutVRelation】垂直关联方式等等

以下几个属性是适配分辨率的关键属性，小伙伴可以根据需求来选择使用

后续迷你世界Studio会为大家增加更多的适配方案噢~

【Pivot】UI节点铺点 (0~1)， (0.5,0.5) 为中点

【Postiton】UI节点左边单位为像素

【RenderIndex】UI染层级 (值越大，渲染越靠后，越处于上层)

【Scale】UI节点缩放倍数

【Size】像素点尺寸

【LayoutHRelation】水平关联方式，包括左关联、中线关联和右关联，设置后，当父节点(若父节点为UIRoot则为屏喜)变化时，U1与关联位置的相对距离将保持不变

【LayoutSizeRelation】宽高关联，包括无关联，宽关联，高关联和全关联，当父节点宽高改变时，UI宽高随之变化

【LayoutVRelation】垂直关联方式，包括上关联、中关联和下关联，设置后，当父节点(若父节点为UIRoo则为屏幕)变化时，U1与关联位置的相对距离将保特不变

尝试让一个按钮宽度与文本框永远一致永远跟随并吸附于文本框下方

首先在文本框节点下创建一个【UIButton】

设置【Pivot】锚点X,Y各为0

设置【Postiton】坐标X=0,Y=100

这样按钮就在我们的文本框下方了

设置【LayoutHRelation】水平关联方式为:Left

设置【LayoutSizeRelation】宽高关联:Width

设置【LayoutVRelation】垂直关联方式:Bottom

这样一个简单的兼容方案就设置好啦~

那么发挥小伙伴的想象做出更加优秀的适配方案给小伙伴的游戏增加兼容性吧~

效果展示