当前位置： 首页 > article >正文

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

article 2025/4/2 9:42:06

一 制作计分板

创建一个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键，可以打开计分板
在这里插入图片描述


http://www.kler.cn/a/612820.html

相关文章：

  • 31天Python入门——第16天:模块与库详解
  • 正则表达式-笔记
  • ArayTS：一个功能强大的 TypeScript 工具库
  • Docker 快速入门指南
  • 路由器、交换机、防火墙、服务器、负载均衡在网络中作用
  • 第三课：Stable Diffusion图生图入门及应用
  • d2025328
  • OSPF邻居状态机
  • Java-servlet（十）使用过滤器，请求调度程序和Servlet线程（附带图谱表格更好对比理解）
  • AIGC-评论金句引流回复创作智能体完整指令(DeepSeek，豆包，千问，Kimi，GPT)
  • vueRouter的hash模式跟history的区别
  • 鸿蒙篇：vp、fp、px
  • Java 大视界 -- Java 大数据在智慧港口集装箱调度与物流效率提升中的应用创新（159）
  • Typora使用Gitee作为图床
  • Linux常见使用场景
  • CMake 自己写 findmodule
  • 阿里云国际站代理商：如何通过并行文件系统提升IO性能？
  • 【安全运营】关于攻击面管理相关概念的梳理（二）
  • 论文发表科普知识：什么是南核、北核、CSCD、科技核心、AMI人文核心期刊？
  • JDK 17 + Spring Boot 3 全栈升级实战指南--从语法革新到云原生，解锁企业级开发新范式