找回密码
 立即注册
查看: 285|回复: 0

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

[复制链接]
发表于 2023-4-10 11:02 | 显示全部楼层 |阅读模式
UE4 CustomButton 自定义按钮点击范围 异形按钮

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

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


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


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


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


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

接下来讲一下这个插件的使用教程吧。
    下载了插件后,将其放在UE4项目底下,打开提示重启,重启即可。



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


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


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


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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Unity开发者联盟 ( 粤ICP备20003399号 )

GMT+8, 2024-5-28 20:58 , Processed in 0.122168 second(s), 26 queries .

Powered by Discuz! X3.5 Licensed

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表