傻瓜式教学之UI位置调整

pandaman

QQ:3512888882
管理成员
开发者
超级开发者
VIP
2023-05-24
590
10
R积分
4757R
前言
很多服主会接触到带有UI的插件,最常见的比如额外背包插件,会在快捷栏左侧出现一个图标,玩家可以点击图标打开额外的背包。
类似带有UI的插件很多很多,大多数是需要玩家输入指令打开的,少数是直接在屏幕上一直显示的。
正如额外背包插件中的UI,很多服主都会因此头疼,能不能将UI放在快捷栏的右边,或左边,因为服务器里还有某个插件,也会把UI显示在快捷栏的位置,这导致了UI重叠的冲突。
今天就简单说说,关于插件中UI位置调整的方法。
(非专业,但应该易懂)

教学
UI在RUST插件中是一个正方形的数据,它像是一个可以被拉伸的正方形,有上下,左右,四个边。
当我们修改UI位置时,其实是单方面的去操作正方形的一个边,而不是直接移动这个正方形。这就会导致我们需要分别对正方形的四个边调整,才能实现移动。如果你只是单纯修改一个数值也就是一个边,那只会导致UI变形。
这里,在修改UI位置时有两种情况。

【配置文件自带位置】
一些插件会在配置文件有调整UI位置的功能,大多数是这样的。
JSON:
      "最大偏移": "0.3 0.05",
      "最小偏移": "0.1 0.2",
考点:将两段数字从中间切开,竖着来看!
其中,0.30.1代表了UI的左右大小,你可以理解成向左,右拉伸
同理,0.050.2代表向上,下拉伸
在调整UI位置时,如果左右或者上下的数字是相同变化的,那UI会在不改变形状的情况下移动位置,比如
JSON:
      "最大偏移": "0.4 0.05",
      "最小偏移": "0.2 0.2",
这样我们就将UI的位置整体向右移动了0.1的位置。这涉及简单的数学题,0.3+0.1=0.4 0.1+0.1=0.2,所以代表左右的数字改成了0.4和0.2!
请记住,如果你想移动UI位置,而不是改变UI大小,两个数值的变化必须是一样的。

【关于数字的大小】
首先,小数点可以点到后三位,即0.000,如果你每次只修改0.001,UI的移动变化会非常小,精确到毫米
而数字的大小,决定了UI在屏幕上的具体走向。一般;
【贴近屏幕右侧边缘,数字无限等于1.0】
【贴近屏幕左侧边缘,数字无限等于0.0】
【贴近屏幕顶部边缘,数字无限等于1.0】
【贴近屏幕底部边缘,数字无限等于0.0】
但也不是绝对的,会出现大于1和出现负数的情况



【配置文件不能调整位置】
绝大多数的插件在配置中不支持调整UI位置,这时候需要去插件的本体文件中修改代码。
寻找代码的方法也很简单,首先搞清楚UI代表的功能,然后根据功能在插件本体中搜索配合文件相关的设置,在通过设置下的参数直接搜索。
最终我们会在插件中找到类似这样结构的代码
{ AnchorMin = "0 0", AnchorMax = "1 0.1" }
通过上面的教学,这四串数字我们两两拆分开,标记了颜色后很好理解,左右位置和上下位置。
这种没有小数点的情况下也是可以自己写小数点来微调的,因为完全整数可以不写小数点
我们把AnchorMax最大位置和AnchorMin最小位置竖着看,记得大的在上面,就变成了这样
AnchorMax = "1 0.1"
AnchorMin = "0 0"
这就和上面的教学一样了,你猜猜这个UI在屏幕上的什么位置?
---
左右数据中,1代表无限贴近屏幕右侧,0无限贴近屏幕左侧,这会让UI直接变成沾满屏幕的一个长条
上下数据中,0代表贴近屏幕底部,而最大值只修改了0.1,显然是决定了这个UI在屏幕底部的高度,应该是一个小长条
实际位置是这样的,你猜对了吗?
1689961256252



关于UI的颜色
UI的背景颜色无论是在配置文件,还是插件本体代码中,都使用0 0 0 0四个零设置,前三个0代表红绿蓝数据,也就是三原色。最后一个0代表透明度。
透明度如果设置一半透明度,可以写0.5,如果写0会完全没有背景色,如果写1则不透明
上面的图片中,透明度设置为了0.9,也就是稍微微透明一点、
像我们游戏中快捷栏的透明度,差不多在0.035左右,基本快要看不见背景色了。
而三原色相对复杂,彩色是由三原色决定的,当你修改了前三个数值精确掉0.xxx的时候,颜色也会发生巨大的变化。、
比如,我们想将UI的背景颜色修改成红色,只需要这样1 0 0 1。第一个数字就代表红色,我们写入1不需要在精确掉小数点。而后面不加入其他颜色,写入0,最后的透明度写1代表不透明,你就会得到一个纯红色的实底UI。
以此类推,第二个数字代表绿色(0 1 0 1),第三个数字代表蓝色(0 0 1 1)。
如果你想要除红绿蓝之外的其他颜色设置,建议使用【颜色转换器】获取,相对就非常简单了。


总结
关于UI的位置修改和颜色修改就介绍到这里了,并非专业,但应该算是不接触代码的服主也能够很好理解的了。如果你在游戏中设计到修改UI位置或颜色的情况,快去自己试试吧。
小技巧是,当我们要修改UI位置时,建议你每次增加或减少的数值不大于0.1,修改两次,你就能更清楚的知道数字的大小修改决定的UI走向变化了。
 
最后编辑:
  • Like
反馈: fps