UE4用ProgressBar做血条

最新推荐文章于 2024-07-30 16:24:02 发布
最新推荐文章于 2024-07-30 16:24:02 发布
阅读量5.6k 收藏 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的头上有血条了

UE4-（UI）第八十四课 ProgressBar 进度条
Stone的博客
12-12 5386
一、新建一个控件蓝图并重命名。将ProgressBar拖拽到CanvasPanel下 二、选中ProgressBar，细节面板调节参数 1.Style：设置背景图，进度条前景图，边框模式下使用的图片 Background Image：背景图，可以设置图片 参数设置与Image一致。 Style用来设置显示图片效果的参数 三、Progress 设置进度条显示方式 Per...
制作血条/蓝条/蓄力条等进度条（Progress Bar）
weixin_44145107的博客
09-07 2305
资源管理器中右键→User Interface→控件蓝图 双击打开控件蓝图→左边控制板→通用→Progress Bar→拖拽进入视图中 左边层级→重命名→血条或蓝条 选中要编辑的条儿→右边细节面板 Style 1.Background Image 设置背景图片 2.Fill Image 设置填充图片 3.Marquee Image 设置动态图片（变化动画） Progress Perce...
[UE4] 制作血条HUD
Norths_的博客
02-24 5063
内容自学自B站AV71207348，P27 该文仅为自学记录，并非教程 系统环境：WIN10, UE4（引擎版本4.27.1），Visual Studio 2022 Community 1. 资产浏览器右键选择新建控件蓝图 2. 左上角控制板 → 面板 → 水平框，可以先将默认画布删除，再将水平框拖拽至层级的自命名控件下方，然后将控制板 → 通用 → 进度条拖拽至水平框的附属层级。 3. 点击层级中的ProgressBar（进度条），在编辑器右方的细节面板中调整参数。 插槽 → .
【UE4 C++】 绑定敌人血条
Tanzq的博客
08-09 1871
效果展示 敌人会显示血条，相互伤害时血条会扣血。 在远处时，敌人血量不会显示。 UI设计 新建UI，命名为：WB_Health_Enemy，和血条一样的制作方法： 打开进度条，进行绑定进度： 蓝图这么写。 和人物的血量设置差不多，这里是从角色的目标中获取，这样的好处在于只有敌人进入角色范围内才会显示血条，后面会实现。 C++代码实现 MainPlayerController 玩家控制器 .h 文件 // 添加UI资源 UPROPERTY(EditAnywhere, BlueprintReadWri
[UE4]用UMG方式实现Character头顶显示3D血条
玄冬Wong
01-12 2469
用Canvas 纯C++编码方式绘制血条(2D血条) http://aigo.iteye.com/blog/2275110  例子演示的功能是：在一个Character的头部上方显示一个血条   1，新建一个widget蓝图来制作血条   2，打开角色蓝图，在Components面板下新建一个Widget组件   3，还是在角色蓝图下，选中刚刚新建下widget组件，在其详细信...
斯坦福UE4 + C++课程学习记录 14：UMG-优化血量条
surkea的博客
10-10 6382
斯坦福UE4 + C++课程学习记录 14：UMG-优化血量条
斯坦福UE4 C++课学习补充 17：材质-材质函数
weixin_51524146的博客
07-30 489
（渐变是水平还是垂直，以及渐变的起始和结束位置。用来表示进度条的当前进度，从而控制显示的部分。表示超过百分比的部分显示白色，不超过的部分显示红色。：负责定义UV坐标的变化，通常用于控制纹理的。创建一个材质并应用掉之前实现的。在这里，它们用于确定渐变的。，将材质的材质域从默认的“首先，创建一个新材质。”就设置为刚创建的材质。
斯坦福UE4 + C++课程学习记录 17：材质-材质函数
surkea的博客
10-13 802
斯坦福UE4 + C++课程学习记录 17：材质-材质函数
UE5 GAS开发p30 创建UI HUD 血条
weixin_42666952的博客
03-13 1723
这些参数可以在 Unreal Engine 中进行编辑，并且可以在蓝图中读写 */ USTRUCT(BlueprintType) struct FWidgetControllerParams { GENERATED_BODY() /*FWidgetControllerParams(){}：这是结构体的默认构造函数。
【UE4】如何使用UI控件蓝图制作血条和体力条
TaoTaoziLoveUe的博客
10-12 940
简单的血条制作以及触发
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变量
自定义圆形进度条
08-05
Android 自定义漂亮的圆形进度条，博客地址：http://blog.csdn.net/qq_32519693/article/details/76726525
Unreal Engine 4 C++ UMG血条及头顶信息
匠心
11-25 6942
Unreal Eegine 4 C UMG血条及头顶信息 创建血条控件 使用编辑器添加血条 使用C添加血条 Unreal Eegine 4 C++ UMG血条及头顶信息好记性不如烂笔头啊，还是记录一下!创建血条控件 首先在内容里创建一个UI的控件蓝图接着在控件中的CanvasPanel中创建一个ProgressBar设置锚点为下图中的样子：细节设置可以跟根据你的喜好来。这里有几个必须要弄的东西
UE5 C++ Widget练习 Button 和 ProgressBar创建血条
m0_64217692的博客
02-26 1307
UClass指针 指向 动态加载LoadClass类（MyUserWidget），UserWidget指针 指向 用CreateWidget实例化UClass指向的类。3.将新建的UMG_Widget里的classsetting里的继承的父类，修改为MyUserWiget。5.这里的C++声明过的参数可以直接访问到，计算现阶段血量的百分比，赋值给ProgressBar。4.使用Button里的，OnClicked 绑定代理。5.代理时，按下按钮里的函数再套用减少血量的函数。
UE4蓝图制作各种血条笔记兼教程
innovvvvvation的博客
03-04 9138
目前，网络上虽然有毕竟多的血条制作教程，但是都比较片面。或许你搜索到血条教程的并不是你需要的那种类型，本文就把笔者能想到的所有类型血条的蓝图教程做一个整合，一来与大家分享，二来作为一次笔记。 一.经常保持在人物头上的血条 我们可以看到，图片中每个人物头上都有血条，我们来分析一下这个血条的要求。 1.实时更新。 2.跟随人物实时移动。 ...
【UE4】【C++】添加UI（血条）
The Beginning
03-15 3118
新加一个新的UI，加入Progress Bar创建绑定（有关血量百分比的）获得血量的百分比UFUNCTION(BlueprintPure,Category="Tank")    //暴露的是纯函数-->就是没有白色线的 float GetHealthPercentage(); //返回当前血量的百分比float ATank::GetHealthPercentage() { return ...
Ue4C++编程------血条与c++（一）
li2818的博客
07-03 3148
    前面的篇章中，我们介绍了AI，在该文中，我们将介绍血条。相信大家也玩过不少游戏，我本人还是很喜欢玩lol的，那么在一般的游戏中，敌人的头上，或者小兵的头顶上都会有一个血条，用来实时的显示小兵的目前血量，接下来我就来解析如实现，首先，在AI文件夹中，新建一个UserInterface，并命名为RobotHealth，如下所示：        然后按照前面的UMG与c++文中的介绍，创建一个血...
[UE4][Canvas]用C++代码绘制血条(HealthBar)
玄冬Wong
01-30 833
用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 C++】为角色添加血条组件并动态变化。
Tanzq的博客
10-14 1179
添加UI血条组件 UPROPERTY(VisibleAnywhere, BlueprintReadOnly, Category="XXXX") UWidgetComponent* Widget; // 在初始化完组件之后调用 virtual void PostInitializeComponents() override; // HpBarWidget 使用进度条来代表血条的变化。 UPROPERTY() UProgressBar* HPBarProgress; 对组件进行初始化及调用 构造函数
UEC++使用代码继承UserWidget创建血条UI
最新发布
10-04
在UE4 C++中，你可以通过继承自`AActor`类的子类来创建自定义的`UserWidget`，这种类可以用来创建复杂的UI元素，包括血条。以下是一个简单的示例说明如何创建一个名为`AHudHealthBar`的血条UI： ```cpp // 包含必要的头文件 #include "Components/StaticMeshComponent.h" #include "Engine/UserWidget.h" #include "HudHealthBar.generated.h" // 定义一个新类，继承自UUserWidget UCLASS(ClassGroup = (Custom), meta = (BlueprintSpawnableComponent)) class YOURPROJECT_API AHudHealthBar : public AActor, public UUserWidget { public: GENERATED_BODY() private: // 血条UI的组成部分 UPROPERTY(EditAnywhere) USkeletalMeshComponent* HealthBarMesh; // 进度条组件 UPROPERTY(EditAnywhere) class SProgressBar* ProgressBar; public: // 构造函数 AHudHealthBar(); protected: virtual void BeginPlay() override; public: virtual bool SupportsWidgetInteractionInput() const override { return true; } // 更新血条值 void UpdateHealth(int32 Value); // 接受用户的输入更新血条 virtual bool UserInteraction(const FGeometry& MyGeometry, FInputEvent MouseEvent) override; // 在每次渲染时更新UI virtual void Tick(float DeltaTime) override; }; ``` 在这个例子中，我们首先声明了两个成员变量：一个`USkeletalMeshComponent`用于绘制基本的血条外观，一个`SProgressBar`用于显示血量进度。`BeginPlay()`函数在开始游戏时会调用，`SupportsWidgetInteractionInput()`用于允许用户与血条交互。 `UpdateHealth()`方法接收新的生命值，而`UserInteraction()`处理鼠标交互，将用户的动作映射到血条的更新。`Tick()`方法会在每个游戏帧上调用，用来持续更新UI。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值