【UE4教程】Unreal 4.22 CustomButton 自定义按钮点击范围 异形按钮

FeastSC

UE4 CustomButton 自定义按钮点击范围 异形按钮

相信大家都有见过游戏内的环形菜单，或者奇形怪状的按钮，但是UE4内的按钮只有方形的，就算做成环形或者异形菜单的样子，依然会出现点击空白处被判定为按钮的情况。接下来讲一下这份代码是如何实现异形菜单的。
已经做成了插件形式，如有需要的同学可以自行下载。

个人也是下载了国外大神们的插件，出处已经不得而知了，但是本光头改良了一下代码，使其完全和ue4自带的按钮手感一致，不会出现脱离按钮范围就卡住不动的情况。
先看一下效果图：

这里红色三角是自己画上去的，代表鼠标位置，看得出现在是按钮的默认状态。

这里黄色三角代表鼠标位置，是hovered事件。

这里是点击后拖到按钮范围外面，可以看到并没有出现松开的状态，这点和ue4自带按钮是一致的（改良的地方就是在这里体现），红框就是按钮的范围。

此图是UI的放置图，可以看到按钮的范围。

---

接下来讲一下这个插件的使用教程吧。

下载了插件后，将其放在UE4项目底下，打开提示重启，重启即可。





重启项目后，创建UI控件，可以看到一个新的组件。



拉好组件可以看到组件的属性，箭头所指就是按钮图形设置，底下的是alpha值设置。



接下来是重点，一开始本人也是不知道这点所以程序一直报错，就是图片要进行一系列设置。主要是要将贴图变成UI格式，这样才能正确的计算alpha值。

到这里就算是完成了。
PS：这里提一句，图片尽量画的铺满画纸，这样按钮就不会有很多多余的地方，不然多余地方重叠，依然会造成点击无效的事件，像我的这张本不是为了这个工程准备的，非常不好的图片。
2019/7/10 14:29:15
插件下载：
CustomButton插件