UE5学习笔记 FPS游戏制作40 制作鼠标移入UI显示提示背景色的效果

先制作提示背景

创建一个控件，命名为MouseOver

添加一个覆层，再添加一个Image，让Image完全拉伸

再添加一个命名的插槽，并且拉伸到最大，这个东西是为了放别的东西，例如文本框，如果不用这个插槽，那么文本只能和MouseOver同处于一个Overlay下，但是这样text会挡住MouseOver，会导致鼠标移入text时，MouseOver错误的响应鼠标移除事件，所以只能把Text作为子物体放进ContentSlot里，如果需要多个子物体，就在ContentSlot里放一个Overlay

为Image设置图片，然后将图片显示模式设置为盒体，并设置边界，设置颜色为不透明，注意不要设置“着色”属性

打开事件图表，添加鼠标进入和离开事件

这样鼠标移入显示就做好了，运行前注意将游戏输入模式改为仅UI以及显示鼠标

实例做一个鼠标移入显示的鼠标

其实我感觉直接用按钮的事件会更好，这里只是为了演示用法

创建一个MainButton控件

将Button自己的背景颜色设置为透明，注意不要设置“颜色和不透明度”这个会导致所有子物体都不透明

添加我们自己的MouseOver控件，将MouseOver拉伸填满Button,这里会遇到一个问题，MouseOver无法填满Button，选中Button，在样式里普通填充和按压填充都设置为0，然后检查MouseOver的各级面板，不要留边距

为contentSlot添加一个覆层，在覆层下创建一个text,添加覆层是因为text不能上下居中

运行，鼠标放上去的效果