UE4用ProgressBar做血条

最新推荐文章于 2024-02-26 14:01:57 发布
最新推荐文章于 2024-02-26 14:01:57 发布
阅读量5.4k 收藏 6
点赞数 1
分类专栏： 虚幻引擎 文章标签： ue widget
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bugggget/article/details/54985394
版权

首先创建一个Widget Blueprint。命名为HealthAndPower

然后拖入ProgressBar和Text。

把上面的Fill Screen改成Custom，后面的大小改成500*200.

如果不这样改Widget无法显示，不知道为啥，可能是选择FillScreen之后这个Widget在屏幕最上方而无法看到吧。。

在Viewport中添加一个Widget。选中这个Widget之后。如图


将这个Widget移动到AI的头顶，点击Play就可以在关卡中看到AI的头上有血条了

Bugggget
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
制作血条/蓝条/蓄力条等进度条（Progress Bar）
weixin_44145107的博客
09-07 2112
资源管理器中右键→User Interface→控件蓝图 双击打开控件蓝图→左边控制板→通用→Progress Bar→拖拽进入视图中 左边层级→重命名→血条或蓝条 选中要编辑的条儿→右边细节面板 Style 1.Background Image 设置背景图片 2.Fill Image 设置填充图片 3.Marquee Image 设置动态图片（变化动画） Progress Perce...
[UE4] 制作血条HUD
Norths_的博客
02-24 4818
内容自学自B站AV71207348，P27 该文仅为自学记录，并非教程 系统环境：WIN10, UE4（引擎版本4.27.1），Visual Studio 2022 Community 1. 资产浏览器右键选择新建控件蓝图 2. 左上角控制板 → 面板 → 水平框，可以先将默认画布删除，再将水平框拖拽至层级的自命名控件下方，然后将控制板 → 通用 → 进度条拖拽至水平框的附属层级。 3. 点击层级中的ProgressBar（进度条），在编辑器右方的细节面板中调整参数。 插槽 → .
【UE4 C++】 绑定敌人血条
Tanzq的博客
08-09 1722
效果展示 敌人会显示血条，相互伤害时血条会扣血。 在远处时，敌人血量不会显示。 UI设计 新建UI，命名为：WB_Health_Enemy，和血条一样的制作方法： 打开进度条，进行绑定进度： 蓝图这么写。 和人物的血量设置差不多，这里是从角色的目标中获取，这样的好处在于只有敌人进入角色范围内才会显示血条，后面会实现。 C++代码实现 MainPlayerController 玩家控制器 .h 文件 // 添加UI资源 UPROPERTY(EditAnywhere, BlueprintReadWri
UE4蓝图制作各种血条笔记兼教程
innovvvvvation的博客
03-04 8344
目前，网络上虽然有毕竟多的血条制作教程，但是都比较片面。或许你搜索到血条教程的并不是你需要的那种类型，本文就把笔者能想到的所有类型血条的蓝图教程做一个整合，一来与大家分享，二来作为一次笔记。 一.经常保持在人物头上的血条 我们可以看到，图片中每个人物头上都有血条，我们来分析一下这个血条的要求。 1.实时更新。 2.跟随人物实时移动。 ...
UE4-（UI）第八十四课 ProgressBar 进度条
Stone的博客
12-12 4865
一、新建一个控件蓝图并重命名。将ProgressBar拖拽到CanvasPanel下 二、选中ProgressBar，细节面板调节参数 1.Style：设置背景图，进度条前景图，边框模式下使用的图片 Background Image：背景图，可以设置图片 参数设置与Image一致。 Style用来设置显示图片效果的参数 三、Progress 设置进度条显示方式 Per...
WPF中使用ProgressBar实现垂直温度计效果
11-15
在Windows Presentation Foundation (WPF) 中，ProgressBar是一个用于显示进度的可视化控件，通常用于表示一个操作的完成度。在本教程中，我们将探讨如何利用ProgressBar控件来创建一个垂直的温度计效果，以实现一个...
c#进度条 progressBar 使用方法的小例子
09-05
在这个小例子中，我们将详细讲解如何创建和使用`ProgressBar`控件，以及如何通过调用方法更新其进度。 首先，我们创建一个名为`ProcessBarForm`的新窗口。这个窗口继承自`BaseForm`，它可能是一个自定义基类，包含...
jQuery EasyUI API 中文文档 – ProgressBar 进度条
12-12
用$.fn.progressbar.defaults重写defaults。 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建。从标记创建更容易些，把 ‘easyui-progressbar’ 类加入到标记。 代码如下: ”p” ...
Android开发使用ProgressBar实现进度条功能示例
08-26
Android开发使用ProgressBar实现进度条功能示例 Android开发中，ProgressBar是实现进度条功能的常用控件。ProgressBar控件可以显示当前任务的进度，例如下载文件、安装软件、上传数据等。下面我们将详细介绍...
android中ProgressDialog与ProgressBar的使用详解
09-05
总结起来，ProgressDialog适合在需要阻断用户交互并展示等待状态的情况下使用，而ProgressBar更适合在需要实时更新进度或在后台任务进行过程中保持用户界面可交互的场景。两者结合使用，可以提供更丰富的用户体验，...
Vue进度条progressbar组件功能
11-29
效果图 首先我们看一下进度条组件运行出来的效果，如下图显示 进度条组件 实现过程 :black_medium-small_square: 项目搭建 progressbar组件在一个可以直接运行的npm包，通过Yeoman进行构建，再通过Gulp+Webpack构建工具，生成的工作目录如下，其中各个文件夹的内容入之前的一篇文章一样 progressbar组件工作目录 :black_medium-small_square: progressbar源文件之template progressbar组件表现为.vue文件的形式，其中template部分内容如下 progressbar源文件template部分 我们可以分析一下，progressbar组件主要有这几项属性： 类型，利用type变量
UE5 C++ Widget练习 Button 和 ProgressBar创建血条
m0_64217692的博客
02-26 800
UClass指针 指向 动态加载LoadClass类（MyUserWidget），UserWidget指针 指向 用CreateWidget实例化UClass指向的类。3.将新建的UMG_Widget里的classsetting里的继承的父类，修改为MyUserWiget。5.这里的C++声明过的参数可以直接访问到，计算现阶段血量的百分比，赋值给ProgressBar。4.使用Button里的，OnClicked 绑定代理。5.代理时，按下按钮里的函数再套用减少血量的函数。
Unreal Engine 4 C++ UMG血条及头顶信息
匠心
11-25 6536
Unreal Eegine 4 C UMG血条及头顶信息 创建血条控件 使用编辑器添加血条 使用C添加血条 Unreal Eegine 4 C++ UMG血条及头顶信息好记性不如烂笔头啊，还是记录一下!创建血条控件 首先在内容里创建一个UI的控件蓝图接着在控件中的CanvasPanel中创建一个ProgressBar设置锚点为下图中的样子：细节设置可以跟根据你的喜好来。这里有几个必须要弄的东西
UE4 Editor Plugin UI - Progress bar
GIS探索之路
11-18 1093
UE4 Editor Plugin UI - Progress bar 制作UE4编辑器插件时，可能会遇到非常耗时的任务。如果不想在没有任何提示信息的情况下冻结编辑器窗口，需要添加一个进度条，以便于用户可以跟踪任务的进度，否则用户会认为当前任务可能处于崩溃。 FScopedSlowTask 一个耗时的任务： // For each folder found in path for (FString SubFolder : SubFolders) { // Retrieve assets inside t
[UE4]用UMG方式实现Character头顶显示3D血条
玄冬Wong
01-12 2211
用Canvas 纯C++编码方式绘制血条(2D血条) http://aigo.iteye.com/blog/2275110  例子演示的功能是：在一个Character的头部上方显示一个血条   1，新建一个widget蓝图来制作血条   2，打开角色蓝图，在Components面板下新建一个Widget组件   3，还是在角色蓝图下，选中刚刚新建下widget组件，在其详细信...
[UE4][Canvas]用C++代码绘制血条(HealthBar)
玄冬Wong
01-30 760
用UMG蓝图方式实现3D血条 http://aigo.iteye.com/blog/2270026 参考自Epic官方项目StrategyGame 血条效果：  StrategyHUD.h /** * Draws health bar for specific actor. * * @param ForActor Actor for which the ...
[UE4]ProgressBar，进度条
weixin_30600503的博客
01-23 1994
准备好2张进度条图片 　　 　　 一、新建名为“testProgress”的UserWidget，添加一个名为“ProgressBar_0”的ProgressBar到默认容器Canvas Panel 　　 二、进度条进行如图所示设置，其中Draw As一般选中“Image” 　　 三、更改不同的百分比，可以看到进度图片是逐渐展示，而不是拉伸 　　 　　 四、可以设置一个填充色，...
【UE4 C++】为角色添加血条组件并动态变化。
Tanzq的博客
10-14 1078
添加UI血条组件 UPROPERTY(VisibleAnywhere, BlueprintReadOnly, Category="XXXX") UWidgetComponent* Widget; // 在初始化完组件之后调用 virtual void PostInitializeComponents() override; // HpBarWidget 使用进度条来代表血条的变化。 UPROPERTY() UProgressBar* HPBarProgress; 对组件进行初始化及调用 构造函数
斯坦福UE4 + C++课程学习记录 14：UMG-优化血量条
surkea的博客
10-10 6190
斯坦福UE4 + C++课程学习记录 14：UMG-优化血量条
progressBar使用
最新发布
06-20
在编程中，特别是使用像Java、Python（如Tkinter或Qt库）、JavaScript（如React或Vue）等GUI开发框架时，ProgressBar（进度条）是一个常见的控件，用于显示任务执行的进度，通常以百分比形式表示。用户可以直观地看到任务完成的状态，增强用户体验。 下面是使用ProgressBar的一些基本步骤： 1. **创建ProgressBar组件**：在相应的库中，你会找到创建 ProgressBar 的方法。例如在Java的Swing中，`JProgressBar`是Swing库中的一个组件。 ```java JProgressBar progressBar = new JProgressBar(0, 100); // 创建一个0-100的进度条 ``` 2. **设置初始值和最大值**：`0`通常代表开始，`100`代表完成。你可以根据实际任务的范围调整这两个值。 3. **更新进度**：在执行任务的过程中，调用`setValue()`方法来更新进度条的当前值。 ```java progressBar.setValue(currentProgress); // currentProgress是任务执行的当前进度 ``` 4. **显示进度**：将ProgressBar添加到界面中，通常放在一个适当的容器内，比如 `JFrame` 或 `JScrollPane` 中。 5. **响应事件**：如果你希望在特定事件（如任务完成）后更新进度条为100%，可以监听相关事件并调用`setValue(100)`。 对于JavaScript，比如React，可以使用`<progress>`元素或者第三方库（如React-Bootstrap中的`ProgressBar`）来实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值