阿赵UE学习笔记——30、HUD简单介绍

news2025/1/12 16:15:57

阿赵UE学习笔记目录

  大家好，我是阿赵。
  继续学习虚幻引擎，这次来学习一下HUD的基础使用。

一、 什么是HUD

  HUD(Head-Up Display)，也就是俗称的抬头显示。很多其他领域里面有用到这个术语，比如开车的朋友可能会接触过，车载HUD，就是把仪表盘数据和地图导航投影到汽车的前挡风玻璃，让司机可以不用低头看仪表盘，就能正常的看到当前的驾驶数据。
  UE里面的HUD，实际上并不是一个什么设备，就是一个UI系统，和Unity引擎的UGUI之类的类似，是一个可以可视化编辑的UI系统。

二、 创建HUD

  为了创建HUD，可以先建一个文件夹，用于专门存放HUD文件，然后在内容浏览器找到这个文件夹，鼠标右键——用户界面——控件蓝图：
在这里插入图片描述

  这样就创建出一个HUD的UIWidget文件了，给他命名一下，我这里命名为HUD1。需要注意的是，由于UE所有的对象其实都是蓝图，而蓝图的名称就相当于代码里面的类名，所以我们给这些UIWidget文件命名的时候要注意别起得很随意，因为后面是通过这个类名来加载UI控件的。
在这里插入图片描述

  创建完之后，双击打开HUD的编辑器，是这个样子的：
在这里插入图片描述

  留意右上角，分别有”设计器”和”图表”这两个页签。设计器是用于可视化编辑UI组件的，图表是用于编辑蓝图逻辑的。
在这里插入图片描述

三、 设置屏幕分辨率和画布

1、屏幕分辨率

  用过Unity引擎的朋友会比较熟悉，我们在设计UI的时候，是需要先定一个标准分辨率的，比如比较场景的1920x1080之类，或者是直接拿某个设备的分辨率作为参考。
  UE的HUD里面也是需要这样做的：
在这里插入图片描述

  在屏幕尺寸里面，可以选择一些手机或者其他设备的分辨率作为参考。设置了之后，在设计区域的左下角，会显示当前的分辨率：
在这里插入图片描述

  我们也可以手动的去设置这个分辨率，找到设计区域右下角的这个小滑块，可以拖动：
在这里插入图片描述

  拖动的时候，设计区域会出现各种分辨率的提示，可以根据需要拖动到合适的分辨率作为参考。
在这里插入图片描述

2、 画布

  又要和Unity引擎作对比了，UGUI在制作的时候，是需要先创建一个Canvas画布的，所有的UI元素都是在Canvas上面添加。
  UE引擎也是同样的道理，在HUD的根节点上面，我们需要先添加一个Canvas画布：
在这里插入图片描述

  添加完画布之后，准备工作就完成了，可以准备开始放UI组件了。

四、 创建文本块

  打开左边的工具栏，找到通用页签。这里面会有一些比较常用的UI组件。
在这里插入图片描述

  这里为了简单测试，先创建一个文本块，方法是直接把文本框拖动到画布上：
在这里插入图片描述

  在画布上面创建了文本块后，文本块默认是选中状态，这时候留意看右边的细节面板，会发现有对应这个文本块的很多参数。如果用过UGUI的朋友，估计会觉得大同小异。
在这里插入图片描述

  首先要注意的是锚点，也就是这个文本块相对于父级的对齐方式。
在这里插入图片描述

  然后，如果我们需要用蓝图动态修改文本块的内容，那么这里需要给文本块起一个规范的名称，并且勾上“是变量”。这样，文本块就会变成一个可以动态设置值的变量。下面的“文本”，是文本块实际显示的字符串内容，我们可以试试改变它：
在这里插入图片描述

在这里插入图片描述

  想要后面用蓝图控制这个字符串的内容设置值，我们需要进行绑定：
在这里插入图片描述

  在创建绑定之后，会进入到蓝图节点界面，把Return Value拖出来，然后提升为变量：
在这里插入图片描述

  然后为这个变量设置一个变量名
在这里插入图片描述

  这样，以后我们通过蓝图设置这个变量的值，文本块的内容也会相应的变化。

五、 创建按钮

  接下来创建一个按钮，方法同样是把按钮直接拖动到画布上：
在这里插入图片描述

  需要注意的是，如果是Unity的UGUI里面的按钮，它会默认在里面创建了一个Text文本组件，但UE的按钮，它原始是没有Text的，只有一个底纹框。所以如果我们想在按钮上面有文字显示，我们还要手动的再拖一个文本块到按钮里面：
在这里插入图片描述

  由于我想让这个按钮触发功能，所以同样的，给它起一个标准的名称，然后勾上“是变量”:
在这里插入图片描述

  当勾选上“是变量”之后，在细节栏下面会多出了一个叫做“事件”的折叠栏，里面是这个按钮各种不同情况下的触发事件：
在这里插入图片描述

  在“点击时”事件后面点加号，会进入到蓝图节点编辑，这时候，找到上面已经绑定了变量的那个文本块，拖动出来，选择设置值：
在这里插入图片描述

  把On Clicked连到Set节点，然后在下面的设置变量值里面输入一点内容：
在这里插入图片描述

  这样，一个按钮点击后给文本框设置文本显示的功能就做完了。

六、 把HUD加入到场景

  为了测试这个功能，我新建了一个关卡场景：
在这里插入图片描述

  打开这个关卡，然后选择打开关卡蓝图：
在这里插入图片描述

  进入到蓝图编辑界面，找到Event BeginPlay节点。这个节点是在关卡开始运行的时候会调用，有点类似于Unity引擎MonoBehaviour生命周期里面的Start。
  在BeginPlay后面，创建一个Sequence序列节点，然后连上：
在这里插入图片描述

  实际上如果只是为了把HUD添加到场景，我们是不需要添加序列节点的。但由于一个关卡里面，除了需要在BeginPlay时添加HUD，一般还会有其他的初始化操作，所以添加一个序列节点，可以在BeginPlay的时候按顺序执行多种逻辑，而添加HUD只是其中一种。
  接下来创建一个CreateWidget的节点：
在这里插入图片描述

  然后在Class里面找到刚才创建的HUD1：
在这里插入图片描述

  然后再添加一个Add To Viewport的节点：
在这里插入图片描述

  把它们都连上：
在这里插入图片描述

  保存、编译后，运行关卡，会看到刚才的UI出现了，然后点击按钮，会看到文本块的内容变成了刚才我设置的“我被点击了”
在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1618528.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

实现Spring底层机制（三）

实现Spring底层机制（三）

文章目录 阶段4—实现BeanPostProcessor机制1.文件目录2.初始化方法实现1.编写初始化接口InitializingBean.java2.MonsterService.java实现初始化接口3.容器中的createBean方法增加初始化逻辑，判断对象类型是否是InitializingBean的子类型，如果是&#x…
阅读更多...
BI项目规划第二讲：BI项目实施方案这样设计就够了

BI项目规划第二讲：BI项目实施方案这样设计就够了

在上一篇文章中，我们对BI项目规划中的确定项目范围、组建项目团队两方面进行了详细的解读。 随着项目团队的建立和角色分配的明确，接下来的工作将转向具体的项目实施策略，这是确保项目顺利进行的另一个关键环节。 BI项目实施方案是在项目开…
阅读更多...
＜前端＞Electron-builder为公证后的app打更新信息latest.yml

＜前端＞Electron-builder为公证后的app打更新信息latest.yml

MacOS下，Electron-builder可以很方便的为测试包app打更新信息（latest-mac.yml）。 但是，正式发布的时候，不可能用测试包app，因为还没有进行公证。如何为公证的app打latest-mac.yml呢。 其实观察latest-mac.y…
阅读更多...
真实世界的密码学（四）

真实世界的密码学（四）

原文：annas-archive.org/md5/655c944001312f47533514408a1a919a 译者：飞龙 协议：CC BY-NC-SA 4.0 第十六章：加密何时何地失败 本章涵盖 使用加密时可能遇到的一般问题 遵循烘烤良好的加密的要点 加密从业者的危险和责任 问候…
阅读更多...
【IR 论文】Query2doc — 使用 LLM 做 Query Expansion 来提高信息检索能力

【IR 论文】Query2doc — 使用 LLM 做 Query Expansion 来提高信息检索能力

论文：Query2doc: Query Expansion with Large Language Models ⭐⭐⭐⭐⭐ Microsoft Research, EMNLP 2023 文章目录 背景介绍Query2doc 论文速读实现细节实验结果和分析总结分析 背景介绍 信息检索（Information Retrieval，IR）指…
阅读更多...
(5)步态识别论文研读——GaitDAN:基于对抗域适应的跨视角步态识别

(5)步态识别论文研读——GaitDAN:基于对抗域适应的跨视角步态识别

GaitDAN: Cross-view Gait Recognition via Adversarial Domain Adaptation | IEEE Journals & Magazine | IEEE Xplore GaitDAN: Cross-view Gait Recognition via Adversarial Domain Adaptation 基于对抗与适应 摘要：视角变化导致步态外观存在显着差异。因…
阅读更多...
虚假新闻检测——Adapting Fake News Detection to the Era of Large Language Models

虚假新闻检测——Adapting Fake News Detection to the Era of Large Language Models

论文地址：https://arxiv.org/abs/2311.04917 1.概论 尽管大量的研究致力于虚假新闻检测，这些研究普遍存在两大局限性：其一，它们往往默认所有新闻文本均出自人类之手，忽略了机器深度改写乃至生成的真实新闻日益增长的现…
阅读更多...
stabel-TTS

stabel-TTS

文章目录 model arch model arch github测试网页 text encoder 换成DiT结构；decoder 用flow结构，text 到mel的时长对齐，使用MAS，和Glow-TTS的结构很像【encoder从transformer变成了diffusion】
阅读更多...
初识C++ · 类和对象(中)(2)

初识C++ · 类和对象(中)(2)

前言：上篇文章已经介绍了6个默认成员函数中的3个函数，分别是构造函数，析构函数，拷贝构造函数，本文介绍的是后三个，赋值运算符重载，const成员函数，取地址操纵符重载。 目录​​​​​…
阅读更多...
【Mysql】用frm和ibd文件恢复mysql表数据

【Mysql】用frm和ibd文件恢复mysql表数据

问题 总是遇到mysql服务意外断开之后导致mysql服务无法正常运行的情况，使用Navicat工具查看能够看到里面的库和表，但是无法获取数据记录，提示数据表不存在。 这里记录一下用frm文件和ibd文件手动恢复数据表的过程。 思路 1、frm文件&…
阅读更多...
371D - Vessels

371D - Vessels

思路&#xff1a;用并查集维护&#xff0c;如果当前容器没有满&#xff0c;就指向自己&#xff0c;否则指向下一个容器。 这样就可以快速 find 到下一个没有满的容器&#xff0c;从而模拟询问 1。 代码&#xff1a; void solve(){int n;cin >> n;vector<int>p(n …
阅读更多...
刷题之Leetcode242题(超级详细)

刷题之Leetcode242题(超级详细)

242.有效的字母异位词 力扣题目链接(opens new window)https://leetcode.cn/problems/valid-anagram/ 给定两个字符串 s 和 t &#xff0c;编写一个函数来判断 t 是否是 s 的字母异位词。 示例 1: 输入: s "anagram", t "nagaram" 输出: true 示例 2…
阅读更多...
运维想要不背锅，职责与注意事项，你得仔细看看！

运维想要不背锅，职责与注意事项，你得仔细看看！

在IT领域&#xff0c;运维人员常常面临着“背锅”的情况。当系统出现故障、服务中断或性能下降时&#xff0c;运维人员往往成为首要责任人。然而&#xff0c;真正的问题并不仅仅是“背锅”&#xff0c;而是在问题发生后如何合理应对和解决。在进行IT运维管理时&#xff0c;我们…
阅读更多...
（七）小案例银行家应用程序-申请贷款-some方法和every方法

（七）小案例银行家应用程序-申请贷款-some方法和every方法

some方法 ● 我们先回顾一下includes方法 console.log(movements.includes(-130));只要数组中存在-130这个值&#xff0c;就会返回true&#xff0c;否则就会返回flase ● 而some方法只要达成某一个条件就会返回true&#xff0c;否则就返回flase const someMethod movement…
阅读更多...
4.23学习总结

4.23学习总结

一.NIO(一) (一).简介: NIO 是 Java SE 1.4 引入的一组新的 I/O 相关的 API&#xff0c;它提供了非阻塞式 I/O、选择器、通道、缓冲区等新的概念和机制。相比与传统的 I/O 多出的 N 不是单纯的 New&#xff0c;更多的是代表了 Non-blocking 非阻塞&#xff0c;NIO具有更高的并…
阅读更多...
ABeam×StartUp丨蓝因机器人访问ABeam旗下德硕管理咨询（深圳）新创部门，展开合作交流

ABeam×StartUp丨蓝因机器人访问ABeam旗下德硕管理咨询（深圳）新创部门，展开合作交流

近日&#xff0c;深圳蓝因机器人科技有限公司&#xff08;以下简称“蓝因机器人”&#xff09;创始人陈卜铭先生来访ABeam旗下德硕管理咨询&#xff08;深圳&#xff09;有限公司&#xff08;以下简称“ABeam-SZ”&#xff09;&#xff0c;与新创部门展开合作交流。 交流中&am…
阅读更多...
测试 mybatis 是否生效【具有增删改查的功能】

测试 mybatis 是否生效【具有增删改查的功能】

一、 1.1按 anl enter 1.2 注意点&#xff1a; test 下 与 上面的名字需保持一致 测试上面的&#xff0c;路径需保持一致&#xff0c;不一致&#xff0c;后期可能会报错。不是相同目录可能会找不到启动类 1.3 写测试 1.4.1 【先】 添加插件 【一键调用一个对象的所有的se…
阅读更多...
C++类和对象：赋值重载，const成员,取地址及const取地址操作符重载

C++类和对象：赋值重载，const成员,取地址及const取地址操作符重载

文章目录 1.赋值运算符重载1.1运算符重载1.2 赋值运算符重载1.3 前置和后置重载 2.日期类的实现3. const成员函数4 取地址及const取地址操作符重载 上文介绍了前三个默认成员函数&#xff0c;本文会介绍剩下三个&#xff0c; 赋值重载会重点展开。 1.赋值运算符重载 1.1运算符…
阅读更多...
双非一战逆天改命，上岸Top3！

双非一战逆天改命，上岸Top3！

这个系列会邀请上岸学长学姐进行经验分享~今天经验分享的同学同样是小马哥上海交大819的全程班学员&#xff0c;双非逆袭上岸&#xff0c;非常厉害&#xff01; 01-前言 个人介绍&#xff1a;本人就读于江苏某双非&#xff0c;绩点3.2&#xff0c;本科期间仅校赛级别奖项。四…
阅读更多...
JavaSE内部类

JavaSE内部类

内部类概述 1.内部类的基础 内部类的分类&#xff1a;实例化内部类&#xff0c;静态内部类&#xff0c;局部内部类和匿名内部类 public class OutClass {// 成员位置定义&#xff1a;未被static修饰 --->实例内部类public class InnerClass1{}// 成员位置定义&#xff1a;被…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023