【UE4】如何使用UI控件蓝图制作血条和体力条

最新推荐文章于 2024-03-25 10:05:12 发布
最新推荐文章于 2024-03-25 10:05:12 发布
阅读量724 收藏 3
点赞数
文章标签： 虚幻引擎 ue4 游戏引擎 ui 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/taotaoziloveue/article/details/133791615
版权

1.制作UI的布局

创建控件蓝图

创建并排版你想要的玩家状态栏效果，可以使用水平框和垂直框来辅助排版，这里需要添加进度条组件来表示玩家的进度条和体力值变化。注:UI排版需注意锚点锚定在何处，不正确的锚点可能会导致运行时UI错位

2.UI添加到视口和玩家体力值的互动触发

一.添加到视口

这里以第三人称项目模板为例子，找到人物蓝图，新建两个浮点变量，分别表示健康值和体力值，默认值改为1表示初始状态为满

在人物蓝图创建以下蓝图节点，将ui内容添加到视口

最低0.47元/天 解锁文章
TaoTaoziLoveUe
关注
[UE5蓝图基础二]8.[UI]血蓝条的制作
qq_30584617的博客
11-17 921
我们需要在UI事件图表处调用角色蓝图里面的变量 那么就需要类型转换函数 (搜索cast to thir) 把玩家角色转换一下并且拿一个变量存储 方便后面调用。UI已经可以显示到游戏界面了, 但是血蓝 等级数值并不准确,所以下一步需要把UI显示和基础属性绑定。在UI蓝图画好血蓝 等级之后 进入角色蓝图让它显示出来。然后就可以在构造函数(事件构造)处写一些需要初始化的内容。那么我们这边结合释放做出一个释放技能减少MP的功能。首先 在角色蓝图中创建基础属性的变量。在上面的课程中学到了释放火球技能。
UE4-（UI）第八十四课 ProgressBar 进度条
Stone的博客
12-12 5000
一、新建一个控件蓝图并重命名。将ProgressBar拖拽到CanvasPanel下 二、选中ProgressBar，细节面板调节参数 1.Style：设置背景图，进度条前景图，边框模式下使用的图片 Background Image：背景图，可以设置图片 参数设置与Image一致。 Style用来设置显示图片效果的参数 三、Progress 设置进度条显示方式 Per...
Ue4 Charater 游戏世界血条
Main_hc的专栏
11-01 2509
(1)FairyGUI 创建血条控件 (2) //角色血条 UGComponent* m_pCharHp; .h文件声明变量 (3) UWorld* kWorld = GetWorld(); m_pCharHp = UUIPackage::CreateObject(TEXT("FightGame"), TEXT("charHp"), (UObject*)kWorld)->As<UGComponent>(); if (...
[UE4] 制作血条HUD
Norths_的博客
02-24 4898
内容自学自B站AV71207348，P27 该文仅为自学记录，并非教程 系统环境：WIN10, UE4（引擎版本4.27.1），Visual Studio 2022 Community 1. 资产浏览器右键选择新建控件蓝图 2. 左上角控制板 → 面板 → 水平框，可以先将默认画布删除，再将水平框拖拽至层级的自命名控件下方，然后将控制板 → 通用 → 进度条拖拽至水平框的附属层级。 3. 点击层级中的ProgressBar（进度条），在编辑器右方的细节面板中调整参数。 插槽 → .
UE4 学习笔记（十四）NPC血条组件
永远的小白虾的博客
10-28 2509
功能：只要为NPC添加血条组件，即可为NPC添加一根血条。并附带CurrentHp和MaxHp两个属性，且始终朝向摄像机。 目的：让NPC与血条解耦，不必将血条的逻辑写到NPC中，防止NPC蓝图中的蓝图量过大，导致混乱。 第一步：生成一个继承自WidgetComponent的BP_NPCHPComponent。 第二步：声明两个整型变量CurrentHp和MaxHp。 第三步：在组件Tick中写下如下蓝图： 第四步：提供给外部停止绘制UI和开始绘制UI的事件，血条改变事件。 第五步：新建一个控件蓝图
Ue4C++编程------血条与c++（一）
li2818的博客
07-03 3041
    前面的篇章中，我们介绍了AI，在该文中，我们将介绍血条。相信大家也玩过不少游戏，我本人还是很喜欢玩lol的，那么在一般的游戏中，敌人的头上，或者小兵的头顶上都会有一个血条，用来实时的显示小兵的目前血量，接下来我就来解析如实现，首先，在AI文件夹中，新建一个UserInterface，并命名为RobotHealth，如下所示：        然后按照前面的UMG与c++文中的介绍，创建一个血...
ue4圆形血条_UE4 使用UGM制作血条
weixin_39775029的博客
12-20 1265
声明：本文是自己做的项目，可能不是最好的方法，或有错误使用方式。各位不喜勿喷！HP进度HP背景下面是自己的做法：(注意：下面教程中使用了部分的官方教程截图)一、创建并设置血条的控件蓝图。1. 在内容浏览器中添加一个控件蓝图，并命名为HP_Widget。 (控件蓝图，即：widget Blueprint)2. 双击刚创建的控件蓝图，并拖进一个Progress Bar3. 按照下图设置progres...
UE4 UI制作.docx
09-02
UE4 UI 制作详解 UE4 是一款强大的游戏引擎，它提供了丰富的 UI 制作功能。在这篇文章中，我们将详细介绍如何使用 UE4 制作...我们可以使用蓝图类和 UI 控件来设计我们的 UI 界面，然后使用事件和节点来实现交互功能。
UE4-（蓝图）第一百零一课 将控件蓝图作为子控件添加到其他UI控件
Stone的博客
12-19 4504
示例：创建玩家列表，点击新建按钮时，创建玩家信息内容，包括名称、等级等信息如图 1.创建两个控件蓝图分别命名为PlayerList、PlayerSlot 2.在PlayerSlot控件蓝图中，将CanvasPanel删除，添加Horizontal Box，放入Text （测试名称） Spacer（用来做两个text间隔） Text（测试等级）如下图设置： 放置排列顺序，设置Spa...
UE4 UI扩展插件
03-23
UE4原生的ui编辑功能过于弱小，这个插件可以实现很多常用的UI功能，比如富文本，序列帧动画等等 支持的UE4版本4.16-4.18 最新的4.21测试基本能用。
UE4 UI简单例子 C++
09-13
一个简单实现点击按钮更换图片的UE4C++代码例子，例子很简洁，使用到了简单的UI创建、类型转换等等相关常用的UE4中需要的方法
ue4 自定义editor ui
01-29
扩展ue4的module 实现一些基础的editor ui 包括自定义的资源类型 窗口 工具栏按钮等
[UE4] UI部分
selfsongs
11-17 3524
UE 4 UI部分参考UMG基础3D UIUI适配 参考 UMG UI设计器快速入门 UE4入门之路（UI篇）：UMG系统介绍 关卡蓝图UI UMG基础 虚幻示意图形界面设计器（Unreal Motion Graphics UI Designer）(UMG) 是一个可视化的UI创作工具，可以用来创建UI元素，如游戏中的HUD、菜单或您希望呈现给用户的其他界面相关图形。 UMG的核心是控件，这些控件是一系列预先制作的函数，可用于构建界面（如按钮、复选框、滑块、进度条等）。这些控件在专门的控件蓝图中编辑，该蓝图
UE4_UI_滑块进度条
最新发布
Growthofnotes的博客
03-25 867
同时滑块的位置被拖动之后，还得知道处于百分之几位置，要想知道就必须有start和end两个变量，我们让start为（0,0,0），end对外公开自己设置可拖拽，如上图箭头。这样设置物体rotation的时候，由向量差得到x轴的朝向，无论物体怎么移动，这个物体的x轴的朝向始终是这个向量差，可以得到一个物体始终朝向另一个物体。比如下图处于0.5的位置。启用输入，设置允许滚动变量，如果在slider上，修改颜色（材质），启用输入，否则直接求值。同样由通道监测线条，当监测的actor为BP_Slider时，
UE4用ProgressBar做血条
Leetp
02-11 5498
首先创建一个Widget Blueprint。命名为HealthAndPower 然后拖入ProgressBar和Text。 把上面的Fill Screen改成Custom，后面的大小改成500*200. 如果不这样改Widget无法显示，不知道为啥，可能是选择FillScreen之后这个Widget在屏幕最上方而无法看到吧。。 在Viewport中添加一个Widget。选中这个Wid
UE4切换关卡时候的进度条
qq_40544338的博客
12-12 2292
一、目的： 1、想：UE4切换关卡时候的进度条 二、参考 1、UE4关卡切换时的缓冲进度条简易制作教程 https://www.bilibili.com/video/BV1wE411K7Rb/ 总结：一般，视频看字幕就可以+切换关卡时候弄了延迟，用户界面加了进度条，进度条动画，感觉不是网游中判断场景是否加载好的那种进度条 三、操作 1、 ...
阿里云上linux操作系统购买
海涛高软
01-25 665
FR:海涛高软（hunk Xu） QQ技术交流群：386476712
UE4的UI基础（01）
qq_45617648的博客
03-22 4363
在实际情况中用的很多，多用于多层封装功能时使用。
详细介绍一下ue4蓝图控件
06-01
UE4中的蓝图控件是指可在蓝图中使用的用户界面元素，可用于创建游戏中的各种交互式UI。UE4提供了许多不同类型的蓝图控件，包括按钮、复选框、进度条、滚动条、文本框等等。 在UE4中，蓝图控件通常被创建为Widget Blueprint，它是一种特殊的蓝图类型，用于创建用户界面。Widget Blueprint中可以包含多个蓝图控件，这些控件可以随意排列、组合、布局，以创建各种不同的用户界面。Widget Blueprint还允许开发者定义每个控件的属性，如大小、位置、颜色、文本内容等等。 UE4中的蓝图控件还具有交互性，可以响应用户的输入事件，如鼠标点击、键盘输入等等。在Widget Blueprint中，开发者可以为每个控件定义一些蓝图事件，如OnClick、OnHover、OnKeyDown等等，以响应用户的输入事件，并执行相应的蓝图逻辑。 总之，UE4中的蓝图控件是一种非常强大的工具，可以帮助开发者快速创建各种交互式UI，并且具有高度的可定制性和交互性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值