27. UE5 GAS RPG同步面板属性（三）

已于 2024-09-02 14:29:49 修改
阅读量1.1k 收藏 29
点赞数 20
分类专栏： unreal UE5 GAS RPG 文章标签： ue5 前端 c++
于 2024-03-30 15:12:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30100043/article/details/137171607
版权
unreal 同时被 2 个专栏收录
124 篇文章 75 订阅
订阅专栏
UE5 GAS RPG
101 篇文章 35 订阅
订阅专栏

在前两篇中，我们在C++中实现了对GameplayTag的创建，并且创建DataAsset存储数据，按照之前的规划：

  1. 首先我们需要通过c++去实现创建GameplayTag，这样可以在c++和UE里同时获取到Tag
  2. 创建一个DataAsset类，用于设置tag对应的属性和显示内容
  3. 创建AttributeMenuWidgetController实现对应逻辑

我们将在这一篇里实现对AttributeMenuWidgetController创建，可以将数据从AS里同步到UI上面。

创建AttributeMenuWidgetController

首先基于之前的创建的WidgetController的基类创建一个子类
在这里插入图片描述
将其命名为AttributeMenuWidgetController
在这里插入图片描述
覆盖一下父类的初始化属性函数和构件委托的函数，我们后续将在这两个函数内实现对属性面板的属性的广播。
我们并创建了一个委托AttributeInfoDelegate这个委托设置了BlueprintAssignable修饰符，那么就可以在蓝图里面作为回调绑定使用。
AttributeInfo参数只能在UE面板编辑，我们在上一篇添加了对应的Tag和属性名描述，作为显示内容，如果需要本地化，可以添加多个，切换中英文等其它语种的显示。

// 版权归暮志未晚所有。

#pragma once

#include "CoreMinimal.h"
#include "UI/WidgetController/MyWidgetController.h"
#include "AttributeMenuWidgetController.generated.h"

class UAttributeInfo;
struct FMyAttributeInfo;
DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FAttibuteInfoSignature, const FMyAttributeInfo&, Info);

/**
 * 
 */
UCLASS(BlueprintType, Blueprintable)
class AURA_API UAttributeMenuWidgetController : public UMyWidgetController
{
	GENERATED_BODY()

public:

	virtual void BindCallbacksToDependencies() override;
	virtual void BroadcastInitialValues() override;

	UPROPERTY(BlueprintAssignable, Category="GAS|Attributes")//设置BlueprintAssignable可以在蓝图作为委托绑定监听
	FAttibuteInfoSignature AttributeInfoDelegate;

protected:

	UPROPERTY(EditDefaultsOnly)//EditDefaultsOnly只能在UE面板编辑
	TObjectPtr<UAttributeInfo> AttributeInfo;
};

这两个函数我们将在后续对其内容进行实现。

在HUD设置Controller

之前，我们在HUD类设置了创建OverlayWidgetController，用于进入游戏时，主界面生命值和法力值的更新。
相应的，我们也将实现对AttributeMenuWidgetController的添加，作为AttributeMenuWidgetController的单例承载。
我们在HUD类里面创建一个承载它实例的变量，并添加一个获取方法


	UAttributeMenuWidgetController* GetAttributeMenuWidgetController(const FWidgetControllerParams& WCParams);
	UPROPERTY()
	TObjectPtr<UAttributeMenuWidgetController> AttributeMenuWidgetController;
	UPROPERTY(EditAnywhere)
	TSubclassOf<UAttributeMenuWidgetController> AttributeMenuWidgetControllerClass;

函数的实现这里，其实就是保证只实例化一次，后面的都复用它即可

UAttributeMenuWidgetController* AMyHUD::GetAttributeMenuWidgetController(const FWidgetControllerParams& WCParams)
{
	if(AttributeMenuWidgetController == nullptr)
	{
		AttributeMenuWidgetController = NewObject<UAttributeMenuWidgetController>(this, AttributeMenuWidgetControllerClass);
		AttributeMenuWidgetController->SetWidgetControllerParams(WCParams);
		AttributeMenuWidgetController->BindCallbacksToDependencies(); //绑定监听数值变化
	}
	return AttributeMenuWidgetController;
}

编译，打开UE，创建一个基于AttributeMenuWidgetController类的蓝图，这里创建蓝图的原因是我们需要通过蓝图去设置AttributeInfo的数据。
在这里插入图片描述
将我们之前创建的属性数据设置上去
在这里插入图片描述
接着到HUD蓝图这里，将AttributeMenuWidgetControllerClass类设置上蓝图。
在这里插入图片描述
这样，在项目运行得时候，这两个Controller都会被创建出来，去使用。

接下来就是需要考虑如何在UI里面去获取到Controller，我们之前对OverlayWidgetController的获取是在创建UI的时候，在Widget的事件里面通过蓝图设置过去的，但是在属性面板内，层级太多，我们一层层的设置过去太过于麻烦，下面，我们将使用一个新的方式能够在全局蓝图里获取Controller。

创建蓝图函数库获取Controller

我们创建一个蓝图函数库，可以通过静态函数在任意位置获取到对应的Controller，这样可以让结构更加的清晰，也更加方便。

首先打开UE，创建一个新的c++类，这个类继承至BlueprintFunctionLibrary
在这里插入图片描述
设置好名称
在这里插入图片描述
编辑器打开，创建两个静态函数，分别用于获取OverlayWidgetController和AttributeMenuWidgetController
BlueprintPure 为去掉在蓝图内使用时的执行接口，这样，我们不需要调用，也可以直接从节点获取返回。

// 版权归暮志未晚所有。

#pragma once

#include "CoreMinimal.h"
#include "Kismet/BlueprintFunctionLibrary.h"
#include "MyAbilitySystemBlueprintLibrary.generated.h"

class UAttributeMenuWidgetController;
class UOverlayWidgetController;
/**
 * 
 */
UCLASS()
class AURA_API UMyAbilitySystemBlueprintLibrary : public UBlueprintFunctionLibrary
{
	GENERATED_BODY()

public:

	UFUNCTION(BlueprintPure, Category="MyAbilitySystemLibrary|WidgetController")
	static UOverlayWidgetController* GetOverlayWidgetController(const UObject* WorldContextObject);
	
	UFUNCTION(BlueprintPure, Category="MyAbilitySystemLibrary|WidgetController")
	static UAttributeMenuWidgetController* GetAttributeMenuWidgetController(const UObject* WorldContextObject);
};

在函数实现这里，我们通过函数，从世界上下文的对象获取到本地的PlayerController，然后根据PlayerController获取到所需的配置项，再从HUD身上的函数获取Controller。
这里比较有意思的就是通过在一个世界上下文的对象可以获取到它所处的世界内的PlayerController。

// 版权归暮志未晚所有。


#include "AbilitySystem/MyAbilitySystemBlueprintLibrary.h"

#include "Kismet/GameplayStatics.h"
#include "Player/PlayerStateBase.h"
#include "UI/HUD/MyHUD.h"
#include "UI/WidgetController/MyWidgetController.h"

UOverlayWidgetController* UMyAbilitySystemBlueprintLibrary::GetOverlayWidgetController(const UObject* WorldContextObject)
{
	//获取到playerController， 需要传入一个世界空间上下文的对象，用于得到对应世界中的PC列表，0为本地使用的PC
	if(APlayerController* PC = UGameplayStatics::GetPlayerController(WorldContextObject, 0))
	{
		//从PC获取到HUD，我们就可以从HUD获得对应的Controller
		if(AMyHUD* HUD = Cast<AMyHUD>(PC->GetHUD()))
		{
			APlayerStateBase* PS = PC->GetPlayerState<APlayerStateBase>();
			UAbilitySystemComponent* ASC = PS->GetAbilitySystemComponent();
			UAttributeSet* AS = PS->GetAttributeSet();
			const FWidgetControllerParams WidgetControllerParams(PC, PS, ASC, AS);
			return HUD->GetOverlayWidgetController(WidgetControllerParams);
		}
	}
	return nullptr;
}

UAttributeMenuWidgetController* UMyAbilitySystemBlueprintLibrary::GetAttributeMenuWidgetController(const UObject* WorldContextObject)
{
	//获取到playerController， 需要传入一个世界空间上下文的对象，用于得到对应世界中的PC列表，0为本地使用的PC
	if(APlayerController* PC = UGameplayStatics::GetPlayerController(WorldContextObject, 0))
	{
		//从PC获取到HUD，我们就可以从HUD获得对应的Controller
		if(AMyHUD* HUD = Cast<AMyHUD>(PC->GetHUD()))
		{
			APlayerStateBase* PS = PC->GetPlayerState<APlayerStateBase>();
			UAbilitySystemComponent* ASC = PS->GetAbilitySystemComponent();
			UAttributeSet* AS = PS->GetAttributeSet();
			const FWidgetControllerParams WidgetControllerParams(PC, PS, ASC, AS);
			return HUD->GetAttributeMenuWidgetController(WidgetControllerParams);
		}
	}
	return nullptr;
}

然后编译，我们在UE打开Overlay的UI，就可以直接右键获取，下面的事OverlayWidget里面的函数，上面的则是静态函数
在这里插入图片描述
我们直接将之前设置方式修改，
在这里插入图片描述
也能够实现之前的效果。

接着，我们在WBP_AttributeMenu里面使用静态函数获取到AttributeMenuWidgetController设置
在这里插入图片描述
可以做一下测试，打印一下Controller的名称
在这里插入图片描述
运行项目，点击打开属性面板，查看是否有名称打印。
在这里插入图片描述
这里有个问题，我们在设置OverlayWidgetController时，是在C++内，初始化UI属性显示的。

在这里插入图片描述
在函数内，执行逻辑是：

  1. OverlayWidget->SetWidgetController(OverlayWidgetController); //设置用户控件的控制器层
  2. 设置属性后，会调用WidgetControllerSet();执行函数，这个在UI里面可以
    在这里插入图片描述
    Widget会在WidgetControllerSet()执行后，进行Controller设置并绑定监听。
    在这里插入图片描述
  3. 接着就会执行OverlayWidgetController->BroadcastInitialValues();在函数内进行广播将数据广播出去实现了数据在UI上面初始显示。

但是属性面板是动态创建的，所以我们需要将BroadcastInitialValues设置为蓝图可调用
在这里插入图片描述
然后打开WBP_AttributeMenu里面，等构造完成后使用蓝图调用BroadcastInitialValues函数。
在这里插入图片描述
Event Construct事件是在自身和自己的子元素都创建完成后才会被调用，我在子元素的Event Construct后面打印11111111，在WBP_AttributeMenu里面打印Hello，发现在最后打印了Hello，证明我们在使用蓝图调用BroadcastInitialValues函数时，子元素可以在Event Construct里面绑定监听委托，即可实现初始化。
在这里插入图片描述
我说这么多的原因在于大家一定要了解清楚引擎的运行逻辑，这样才能更好的梳理逻辑学习以及使用内置的内容。

到这里，我们创建了AttributeMenuWidgetController，并实现了在Widget内的任意位置获取它，由于篇幅太长，我将在下一篇里，对AttributeMenuWidgetController内部进行实现，实现数据更新，直接同步到UI上面。

暮志未晚NAN
关注
专栏目录
UE5 GAS 学习笔记 1.4属性集
CloudHuCoding
06-12 767
这一节讲解属性集，从定义到设计，再在后文中实践。
UE5 GAS 学习笔记 1.3属性Attribute
CloudHuCoding
06-12 1101
详细讲解属性Attribute相关的概念
Unreal Engine 网络同步：属性同步、RPC、断线重连与高级技巧
最新发布
qq_40789218的博客
09-14 495
https://zhuanlan.zhihu.com/p/719982909
UE4引擎学习
wangyihero8的专栏
08-25 2111
1创建蓝图的方式： 1)可以自定义创建蓝图，使用左边的Asset来进行创建newblueprint，然后拖入场景生效 2)可以在顶部打开观察蓝图（场景的总蓝图）中创建各种组件 3)可以选取场景中的任意物体à在右侧的编辑栏中将其转换为蓝图 2.一个场景可以有多个蓝图，蓝图之间可以进行通信 一个蓝图中call一个事件，其实就是发散这个事件，然后
ue5 小知识点 加载某种类型（PrimaryDataAsset）的所有asset到内存中
opk8848的专栏
04-21 1253
24. UE5 GAS RPG制作属性面板（二）
现在学习也不晚
03-24 1163
在上一篇中，我们创建属性面板的大部分样式，这一篇里面接着制作。接下来，我们将一步步实现上面的功能。
26. UE5 GAS RPG同步面板属性（二）
现在学习也不晚
03-30 1246
并且我们实现了第一步，就是在C++里可以创建GameplayTag，并且可以通过单例去获取到Tag的变量。后面属性修改委托也会通过Tag去匹配，这一篇，我们将实现创建一个DataAsset类，用于存储UI显示所需的数据。
UE5 GAS 学习笔记 10.2 GASShooter 中文注释源码
06-20
在本篇UE5 GAS（Gameplay Ability System）学习笔记中，我们将深入探讨GASShooter项目，这是一个基于Unreal Engine 5的示例项目，它为玩家提供了使用各种能力进行射击游戏的体验。通过分析GASShooter的源码和内容，...
UE5 GAS 学习笔记0.0 介绍
CloudHuCoding
06-11 2151
作者本人搜索了许多关于GAS的学习资料，国内的，国外的，官方的，非官方的，免费的，付费的，本着技术交流和抛砖引玉的想法，创建这个UE5 GAS学习笔记的系列文章。 所有相关的参考资料都会详细列出，这里不仅仅做的搬运工作，而是根据个人理解和实践进行转化，并且提供最佳实践。 独家的源码分析，插件案例分析，包括：GASDocumentation，GASShooter，LyraStarter等，通过实践掌握真知。 除此之外，作者确保会长期更新和维护，以保证其适用性和实用性。......
UE5 GAS 学习笔记 1.1能力系统组件Ability System Component
CloudHuCoding
06-11 1653
介绍GAS的核心能力系统组件Ability System Component
UE4/UE5 打包发布与补丁
acdfg123的博客
11-24 6083
UE4/UE5 打包发布与补丁
UE5——如何在UI界面中显示鼠标并可以点击按钮
weixin_60822173的博客
08-03 597
同时使用Get Player Controller获取玩家控制器并连接到Set Input Model UI Only的Player Controller。此时整个UI界面只能获取到鼠标的响应，但是并不能显示鼠标。在Event Construct节点后加上。并加入一个新节点 show mouse cursor，将玩家控制器与目标属性相连。后连接一个Set Input Model UI Only去设置用户的输入模式。首先进入UI蓝图的图标界面，在Event Construct节点。连接好后是这个样子。
【UE】函数UFUNCTION的BlueprintCallable，BlueprintPure，BlueprintImplementableEvent，BlueprintNativeEvent
weixin_43490759的博客
03-14 1203
C++调蓝图函数：BlueprintImplementableEvent，BlueprintNativeEvent。实现：蓝图C++都可，优先调用蓝图override重写函数，没有重写则调用默认C++函数。蓝图调C++函数：BlueprintCallable，BlueprintPure。PS:若想蓝图C++函数都调用。
31. UE5 GAS RPG使用增强输入激活GameplayAbility（一）
现在学习也不晚
04-04 1242
在前面文章中，我们实现了对技能添加并直接激活功能，介绍了GA的相关参数配置。现在，我们还不能通过键位触发技能，正常在游戏时，我们需要通过键位触发技能，实现技能的激活。在UE5里面添加了增强输入，相对于之前的输入操作，切换为了模块化，我们可以通过切换输入上下文，来实现键位输入和InputAction的映射，你可以创建多个上下文蓝图，在角色不同操作时，切换不同的上下文来实现不同的映射，比如，在正常情况下，有一套控制任务的上下文，当角色进入汽车后，我们可以停止当前的上下文，并改为使用汽车操作上下文去实现。
23. UE5 GAS RPG制作属性面板（一）
现在学习也不晚
03-23 1414
随着角色的属性越来越多，我们不能每次都进行showdebug abilitysystem进行查看，而且玩家也需要查看角色属性，所以需要一个查看玩家角色属性的面板。在前面，我们创建三种类型的属性我们制作的面板就需要将这三大块区分开来，主要属性增加加点按钮，次级属性只做显示，重要属性在显目的位置显示。
UE4网络同步(二)——深入同步细节
热门推荐
Jerish的博客
10-29 2万+
前言 UE同步是一块比较复杂而庞大的模块，里面设计到了很多设计思想，技巧，技术。我这里主要是从同步的流程分析，以同步的机制为讲解核心，给大家描述里面是怎么同步的，会大量涉及UE同步模块的底层代码，稍微涉及一点计算机网络底层（Socket相关）相关的知识。 PS：如果只是想知道怎么使用同步，不建议阅读这篇文章，不过可以参考我另外一篇博客 UE4网络同步(一)——理解同步规则 另外，博主参考的源...
28. UE5 GAS RPG同步面板属性（四）
现在学习也不晚
03-30 1319
上面几步在前几篇文章中，我们都基本实现了，只有AttributeMenuWidgetController对应的逻辑没有实现。在这一篇里面，我们将实现对应的逻辑，实现对UI数据的同步。
UE4/UE5获取时间戳和两个时间戳的差
luomogenhaoqi的专栏
10-25 3189
【代码】UE4/UE5获取时间戳和两个时间戳的差。
ue5 gas 学习笔记
07-14
UE5是Unreal Engine 5的简称，是一款广泛应用于游戏开发和虚拟现实领域的强大游戏引擎。UE5 Gas是其中的一个特性，主要用来模拟气体、烟雾和液体的行为。 UE5 Gas引擎在虚拟空间中实现了基于物理的气体模拟，可以帮助开发者创造出逼真的烟雾、雾气、火焰等气体效果。它能够模拟气体的流动、燃烧、扩散和散射等特性，让游戏中的气体场景更加真实感人。 UE5 Gas的运作原理是通过对气体分子进行模拟计算来实现。它使用了基于压力和密度的数学方程，以及流体动力学算法，来模拟气体分子之间的相互作用。通过控制气体分子的速度、密度和位置，可以模拟出气体的各种行为，如烟雾的向上升起、火焰的蔓延等。 使用UE5 Gas可以实现一些特殊效果，比如通过控制烟雾的密度和颜色，可以营造出神秘的氛围；通过模拟液体的流动和散射特性，可以实现逼真的水面效果。开发者还可以调整气体的渲染和交互参数，以满足不同场景的需求。 UE5 Gas的学习需要一定的计算机图形学基础和编程知识。开发者可以通过阅读官方文档、参加培训课程和实践项目来学习。掌握UE5 Gas后，开发者可以创作出更加逼真、震撼的游戏画面，提升游戏的视觉效果，为玩家带来更好的游戏体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值