添加GUI的组件

现在来说说看下面的几个参数吧，它们都是GUI的组件配置项，没有组件的GUI没有灵魂，它仅仅就是一张图片而已！而组件的添加，能够丰富你的GUI，实现更多的功能，就像上面的图中那样。

目前可以在配置文件夹中配置的组件有这些：

• 自定义图片 - 显示图片

• 自定义文本 - 显示文本（支持大小缩放）

• 自定义GIF图片 - 显示GIF图片

• 自定义按钮 - 点击后可以执行命令等

• 自定义HoverText文本 - 描述框

• 自定义Slot物品槽 - 显示你的物品（不可拖拽）

通过这些组件的相互配合，各式各样精美的GUI界面就出现了！

现在我们就来解读一下默认GUI已经为我们配置好的内容吧，首先可以看到image项，这就是自定义图片组件，下面可以填多个参数，那么该怎么去填写呢？

YAML：
image:
- example

我们来看看这个example是什么，打开服务端的.plugins/VexView/image文件夹，神奇的一幕出现了，这个文件夹下有一个example.yml文件，想想看，这不就是文件名称去掉了后缀吗？正确！你需要填写的就是文件名称除去yml后缀。

我们再来看其他组件，gifimage文件夹里面也有一个同名的文件，text、buttons、slot都有他们对应的文件，这下就好办了，我们直接CV组件的配置文件，就可以修改这些默认的组件配置文件并将其添加到我们自己的GUI中了。

这些默认的组件配置文件中，每一项和GUI一样，都自带了对应的描述，比如image组件：

YAML：
#图片URL链接地址
#URL
image: 'https://www.baidu.com'
#图片在GUI中的显示X轴位置（0为最顶端）
#GUI X location（Set to -1 to center）
x: 110
#图片在GUI中的显示Y轴位置（0为最左端）
#GUI Y location（Set to -1 to center）
y: 0
#图片的实际宽度
#The actual width of the picture
width: 50
#图片的实际高度
#The actual height of the picture
high: 50
#图片的显示宽度
#Picture display width
xshow: 50
#图片的显示高度
#Picture display height
yshow: 50
#Hovertext显示，当鼠标移动到图片上时，将会显示附加信息（不填则不启用）
#如需开启，请填写text文件夹下的文件名称（忽略坐标，仅读取文字）
hovertext: text2

你会发现某些参数和之前的GUI差不多诶，是的，的确如此，URL的填写格式、宽高等都是和GUI一样的，不过，x和y稍微有一些变化。 由于组件是GUI的一部分，因此它是跟着它的爸爸（GUI）做事的，所以呢，组件的x和y坐标原点是GUI的右上角而不是整个游戏界面的右上角，这是需要注意的。

其他的组件相关描述还请服主自行查看。

提升逼格就来发Hovertext吧

我们可以看到这些组件都有（除了slot）一个hovertext选项，那这个是干嘛的呢？ 你一定知道当你的鼠标放在物品上会显示他的描述框对吧？

那么组件可不可以也像这样显示描述文本呢？答案是可以的！ 可是这个又该怎么填写呢？ 它也需要你提供一个text组件，所以和上面一样，text文件夹下新建一个text2.yml文件，然后在hovertext后面写上text2即可，和上面是一样的，不过请注意，只能填写一个，格式就像上面的配置文件那样。