当前位置: 首页 > news >正文

UE4学习笔记 FPS游戏制作31 显示计分板

一 制作计分板

创建一个RankPanel的UI蓝图
在蓝图里拖入如下物体
在这里插入图片描述
覆层(layout):让子物体跟随自己缩放,子物体需要设置为拉伸模式,有点类似于的panel,本身只是一个容器
在这里插入图片描述
调整各个物体
覆层:
锚点到中间
在这里插入图片描述
背景图片
在这里插入图片描述
垂直框
在这里插入图片描述
榜单文本框
在这里插入图片描述
水平框,也就是每一栏的标题
在这里插入图片描述
水平框里的文字,三个是一样的,名字文本框的填充比例是2

在这里插入图片描述

装配完效果
在这里插入图片描述

二 把根据队伍选择颜色提升为公共方法

原来我们在显示击杀信息里,根据角色是否和玩家是同一个队伍,为文本框设置了不同的颜色,现在计分板里也需要这个功能,但是Fpp_ui和RankPanel是两个不同的蓝图类,要复用方法,我们需要将其提升为公共方法

在Utility蓝图类添加新方法,GetsSideColor,设置为纯方法
需要注意的是 get player pawn前,需要获取一个世界上下文,这个是系统自带 的公共变量
在这里插入图片描述

修改一下whoKillwho蓝图里的判断颜色部分
在这里插入图片描述

三 计分板的一行数据

新建UI对象

新建一个RankRow的UI蓝图,添加一个水平框和三个文本框,水平框的大小不需要调整,因为他会作为子项插入RankPanel里,到时候大小由内容控制
三个文本框设置为变量
填充模式,名字的填充比例为2,其他两个是1
水平拉伸,垂直对齐,文本内容居中
在这里插入图片描述
在这里插入图片描述

编写变量和函数

三个text是UI
添加队伍,杀敌数,死亡数和名字,将他们设置为构造参数,构造参数只能一个一个设置
在这里插入图片描述
在这里插入图片描述
在事件构造事件里编辑节点
在这里插入图片描述

四 按Tab键开关计分板

在FppShooter的事件图表里
在这里插入图片描述

五 打开计分板时,显示数据

由于我们没有记录杀敌数,角色也是随机生成的,这里只模拟一下打开后显示数据
在这里插入图片描述
在这里插入图片描述

此时按下tab键,可以打开计分板
在这里插入图片描述

相关文章:

  • flex和bison笔记
  • 2025最新“科研创新与智能化转型“暨AI智能体开发与大语言模型的本地化部署、优化技术实践
  • 【MySQL基础-14】MySQL的INSERT语句详解:高效数据插入的艺术
  • 数据特征的判断
  • 机器学习算法
  • mysql不能远程访问可能有哪些原因,及如何解决
  • ubuntu 创建新用户
  • 权值线段树算法讲解及例题
  • 性能测试理论基础-测试流程及方案设计要点
  • 内联函数/函数重载/函数参数缺省
  • 211 本硕研三,已拿 C++ 桌面应用研发 offer,计划转音视频或嵌入式如何规划学习路线?
  • 前端框架入门:Angular
  • Flutter中实现拍照识题的功能
  • Starrocks架构及如何选择
  • 60V单通道高精度线性恒流LED驱动器防60V反接SOD123封装
  • 智能物流调度:AI如何让快递更快更省?
  • 04-SpringBoot3入门-配置文件(多环境配置)
  • Android 设备实现 adb connect 连接的步骤
  • 剑指Offer11 -- 二分
  • kotlin,jetpack compose 最简导航(navigation)案例学习
  • 中国巴西关于乌克兰危机的联合声明
  • 习近平致电祝贺阿尔巴尼斯当选连任澳大利亚总理
  • 北京“准80后”干部兰天跨省份调任新疆生态环境厅副厅长
  • 总没胃口,一吃就饱……别羡慕,也可能是生病了
  • 中国工程院院士、国医大师、现代中国针灸奠基人石学敏逝世
  • 中国社科院:网文市场超430亿元,作者破3000万人