UE4创建CSS级别圆角按钮

目录

一.需要创建的文件

二.材质的蓝图编辑

 三.BorderPro的蓝图编辑

 四.ButtonPro的蓝图编辑

五.Tips的蓝图编辑

六.完结 

---

一.需要创建的文件

以下为命名，可以不和我的一样，但需要知道我在说哪个。

要创建的【用户控件】：BorderPro、ButtonPro、Tips、MainUI。

要创建的【材质】：RadiusM。（需要创建材质实例，命名为BorderM）

二.材质的蓝图编辑

 三.BorderPro的蓝图编辑

放一个【边界】。

 四.ButtonPro的蓝图编辑

此处没用BorderPro。

边界的设置。

 按钮的设置。

text的设置。

 蓝图

0.3秒处，各项值为2.0

 按钮变大效果。

 按钮缩小效果。

 点击效果。

 

 注意，要将点击时和按压时的向前播放动画的那个对勾打上。

 上图用到了ButtonAnim，这是一个枚举，我们需要新建一个枚举（在蓝图选择中）。

枚举值要设置为Grow和Inside。

五.Tips的蓝图编辑

图片的设置。

 文本的设置。

六.完结 

做完之后打开关卡蓝图。将MainUI添加到视口即可。

 

---

以上均为观看b站up主视频教程后写出。 

虚幻引擎：UMG原生圆角按钮，CSS级别动效和按钮圆角，UE4自适应圆角UI，UE4高级自定义按钮，UE4高级自定义Widget组件_哔哩哔哩_bilibili模块化制作，快速应用上线UE4原生UMG实现CSS效果级别自定义按钮组件我们的网站是https://skzx.work源码稍后上传网站我关闭了弹幕，请评论区不要刷广告，理性交流学习https://www.bilibili.com/video/BV1TA411G7L6