UE4创建CSS级别圆角按钮

wuchangjian2021-11-16 18:19:03编程学习

目录

一.需要创建的文件

二.材质的蓝图编辑

 三.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

相关文章

JavaScript基础--用法、语法、输入输出

JavaScript基础--用法、语法、输入输出

目录 JavaScript用法 行内嵌入式 页面嵌入式 外链式  javas语...

2021年春秋杯网络安全联赛秋季赛勇者山峰 pwn The SIMS - Programming Girl

名字很长,程序像名字一样长,估计主要是为了增加代码阅读量&#...

OS实验C语言

动态测试系统内存 1.实践内容说明 检测并显示系统当前物理内存和虚拟内存信息 2.程序性...

h5 秒开方案大全

h5 秒开方案大全

老板说 , 页面打开速度过慢? 页面加载性能不达标? 下面我们来看下各个大厂和团队的秒开...

L1-014简单题

输入样例: 无 结尾无空行 输出样例: This i...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。