Unreal UI学习--文本显示示例

学习目标:在界面中显示实时fps信息,
一:创建一个"控件蓝图"
1.1添加新项
Unreal UI学习--文本显示示例_第1张图片
1.2打开新建的控件蓝图NewWidgetBlueprint,创建如下图的UI,在显示fps的text上绑定接口
Unreal UI学习--文本显示示例_第2张图片1.3实现这个控件蓝图的逻辑功能,因为要实时显示fps,所以使用"事件tick":在每一帧都去计算fps值,然后把计算结果显示在Text中
首先定义一个变量FPS,类型为text,每一帧都给该变量赋值,如下图:

Unreal UI学习--文本显示示例_第3张图片
1.4,完成1.2中绑定的接口的功能

Unreal UI学习--文本显示示例_第4张图片
至此,控件蓝图结束
二:动态显示(事件触发比如按下Enter键)控件蓝图方法,打开关卡蓝图,完成下列事件图表,按下enter,创建控件蓝图实例,在将fps显示至视口前保存变量。松开enter,fps显示消失

Unreal UI学习--文本显示示例_第5张图片
三: 采用蓝图的方式,让控件蓝图一直显示在level中:定义一个蓝图类,可以从Actor继承
Unreal UI学习--文本显示示例_第6张图片
设置以后就可以把这个蓝图拖入关卡中,

Unreal UI学习--文本显示示例_第7张图片
运行后显示效果
Unreal UI学习--文本显示示例_第8张图片

四,界面上
显示一个button,点击后退出game

Unreal UI学习--文本显示示例_第9张图片

onclick事件图
Unreal UI学习--文本显示示例_第10张图片

你可能感兴趣的:(unreal)