9. UE5 GAS RPG创建UI（下）

已于 2024-09-02 14:33:01 修改
阅读量1.4k 收藏 25
点赞数 25
分类专栏： UE5 GAS RPG unreal 文章标签： ue5 ui
于 2024-01-23 17:01:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30100043/article/details/135750717
版权
unreal 同时被 2 个专栏收录
125 篇文章 79 订阅
订阅专栏
UE5 GAS RPG
105 篇文章 50 订阅
订阅专栏

在上一篇文章里，制作了显示血量和蓝量的ui，并且还将ui和获取数据使用的控制器层创建出来并初始化成功。现在只有主用户控件上面被添加了控制器层，还未给每个用户控件赋予控制器层。接下来要实现对属性的广播功能，在属性值变化的时候，能够在蓝图中获取到数值的变化并更新到用户控件上面。

使用委托设置初始值

实现逻辑是设置委托变量，在Widget Controller里面初始化时向外面广播一次当前的数值，相应的监听此委托的widget触发回调进行初始化数值显示。

首先在控制器层里面添加一个函数

virtual void BroadcastInitialValues();

这个函数用于广播初始化函数。我们上一文章里基于控制器层类创建了一个子类，专门用于Overlay的，在里面复写这个函数

public:
	virtual void BroadcastInitialValues() override;

接下来就是重点，我们将以委托的形式设置每个属性的广播功能，这里就需要用到委托对应的函数。不清楚的小伙伴可以看下这里
一文理解透UE委托Delegate

这里使用了动态多播委托函数绑定，下面是实现，委托的函数DelegateName 首字母必须以F开头。
一下是定义了获取血量的委托，返回一个参数就是当前的血量浮点数。

DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnHealthChangedSignature,float, NewHealth);

接下来定义一个变量，实现对回调的引用

	UPROPERTY(BlueprintAssignable, Category="GAS|Attributes")
	FOnHealthChangedSignature FOnHealthChanged;

然后最后通过广播形式将数据广播出去

FOnHealthChanged.Broadcast(50.f);

当前，我们需要实际的血量数值，所以广播出去的就是从AttributeSet里面获取到的值

	const UAttributeSetBase* AttributeSetBase = CastChecked<UAttributeSetBase>(AttributeSet);

	OnHealthChanged.Broadcast(AttributeSetBase->GetHealth());
	OnMaxHealthChanged.Broadcast(AttributeSetBase->GetMaxHealth());

函数有了，需要有个地方调用，实例化这个函数我们是在HUD类里面实例化的，那就在实例化完成后面调用。也就是MyHUD.cpp里面的InitOverlay()里面，这个顺序不能错，首先需要设置控制器层，这时会触发蓝图里面可以调用的设置控制器层回调通知，用户控件会以此来绑定广播回调。然后再广播初始的值，用户控件里就实现了对值的初始化设置。

	OverlayWidgetController = GetOverlayWidgetController(WidgetControllerParams); //获取控制器层

	OverlayWidget->SetWidgetController(OverlayWidgetController); //设置用户控件的控制器层
	OverlayWidgetController->BroadcastInitialValues(); //初始化广播

这样设置完成以后，打开UE，在设置的WBP_Overlay里面，在上一章最后设置的设置完成控制器层对象后的回调中，将控制器层对象传递给需要显示的用户控件节点。
在这里插入图片描述
做到这一步，我们在需要同步数据的UI上面就都可以获取到控制器层对象。接着，我们要将Overlay的控制器层类公开给蓝图。

UCLASS(BlueprintType, Blueprintable)
class AURA_API UOverlayWidgetController : public UMyWidgetController

直接在类上面的UCLASS()内添加上两个参数。
BlueprintType 将此类公开为可用于蓝图中的变量的类型。
Blueprintable 将此类公开为用于创建蓝图的可接受基类。默认为NotBlueprintable，除非继承时就并非如此。此说明符由子类继承。
设置完成这两项，我们就可以把控制器层对象转换为控制器层类的实例了。
为了方便后面的工作，推荐不要直接使用c++的类，通过蓝图创建一个c++的基类去使用。

在这里插入图片描述
将HUD里面的控制器层类的引用修改成蓝图的。
在这里插入图片描述
在进度条的蓝图基类WBP_GlobeProgressBar中添加一个函数，用于设置进度条百分比，接收一个参数
在这里插入图片描述
之前在OverlayWidget里面，将在c++里面生成的控制器层对象传递给了对应的用户组件。我们在血量控件中，也可以使用WidgetControllerSet通知，获得通知后将变量保存。
在这里插入图片描述
之前我们在OverlayWidgetController里面添加了对血量和最大血量的广播，所以，在蓝图里，我们可以实现绑定血量变化。在数值变化后，可以通过调用设置进度条百分比进行进度条设置。
在这里插入图片描述
顺便也绑定最大血量。
在这里插入图片描述

监听数值的变化

上面我们实现通过广播的形式对用户控件内的值进行初始化，还未实现对数值变化后触发广播更新ui显示。
我们需要通过使用AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate()来注册一个监听一个值的变化，如果监听的数值变化了接着将变化后的数值进行广播。比如下面就是监听血量属性是否变化

AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(AttributeSetBase->GetHealthAttribute())

为了区分开，我们需要在控制器层类里面新加一个函数，专门用来注册监听数据变化回调的。

virtual void BindCallbacksToDependencies() override;

接着创建两个保护类型的函数，用于监听到数值变化后的回调函数

protected:
	void HealthChanged(const FOnAttributeChangeData& Data) const;
	void MaxHealthChanged(const FOnAttributeChangeData& Data) const;

接着，在绑定监听函数内实现监听：

void UOverlayWidgetController::BindCallbacksToDependencies()
{
	const UAttributeSetBase* AttributeSetBase = CastChecked<UAttributeSetBase>(AttributeSet);

	AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(
		AttributeSetBase->GetHealthAttribute()).AddUObject(this, &UOverlayWidgetController::HealthChanged);

	AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(
		AttributeSetBase->GetMaxHealthAttribute()).AddUObject(this, &UOverlayWidgetController::MaxHealthChanged);
	
}

在数值变化时，就会触发去调用Changed函数，我们只需要在changed函数内，将数值广播给蓝图即可。

void UOverlayWidgetController::HealthChanged(const FOnAttributeChangeData& Data) const
{
	OnHealthChanged.Broadcast(Data.NewValue);
}

void UOverlayWidgetController::MaxHealthChanged(const FOnAttributeChangeData& Data) const
{
	OnMaxHealthChanged.Broadcast(Data.NewValue);
}

最后，需要找一个地方调用监听函数绑定，我选在了HUD对初始化数值调用之后

	OverlayWidget->SetWidgetController(OverlayWidgetController); //设置用户控件的控制器层
	OverlayWidgetController->BroadcastInitialValues(); //初始化广播的值
	OverlayWidgetController->BindCallbacksToDependencies(); //绑定监听数值变化

接下来，按照之前的方式将蓝的设置添加上，这里不在编写实现，因为和血量的方式一行按照上面一步步来即可。下面列一下代码。

控制器层代码

MyWidgetController.h

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

#pragma once

#include "CoreMinimal.h"
#include "AbilitySystemComponent.h"
#include "UObject/NoExportTypes.h"
#include "MyWidgetController.generated.h"

class UAttributeSet;
class UAbilitySystemComponent;

/**
 * 生成用户控件控制器的结构体，需要四项内容去生成。
 */
USTRUCT(BlueprintType)
struct FWidgetControllerParams
{
	GENERATED_BODY()
	FWidgetControllerParams(){}
	FWidgetControllerParams(APlayerController* PC, APlayerState* PS, UAbilitySystemComponent* ASC, UAttributeSet* AS)
	: PlayerController(PC),
	PlayerState(PS),
	AbilitySystemComponent(ASC),
	AttributeSet(AS)
	{}

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
	TObjectPtr<APlayerController> PlayerController = nullptr;

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
	TObjectPtr<APlayerState> PlayerState = nullptr;

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
	TObjectPtr<UAbilitySystemComponent> AbilitySystemComponent = nullptr;

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
	TObjectPtr<UAttributeSet> AttributeSet = nullptr;
};

/**
 * 用户控件控制器层，用户控件可从控制器层更新数据显示，以及为控制器层提供输入。
 */
UCLASS()
class AURA_API UMyWidgetController : public UObject
{
	GENERATED_BODY()

public:
	UFUNCTION(BlueprintCallable)
	void SetWidgetControllerParams(const FWidgetControllerParams& WCParams);
	virtual void BroadcastInitialValues(); //广播初始化的值
	virtual void BindCallbacksToDependencies(); //绑定数值变动后回调的广播

protected:

	UPROPERTY(BlueprintReadOnly, Category="WidgetController")
	TObjectPtr<APlayerController> PlayerController;

	UPROPERTY(BlueprintReadOnly, Category="WidgetController")
	TObjectPtr<APlayerState> PlayerState;

	UPROPERTY(BlueprintReadOnly, Category="WidgetController")
	TObjectPtr<UAbilitySystemComponent> AbilitySystemComponent;

	UPROPERTY(BlueprintReadOnly, Category="WidgetController")
	TObjectPtr<UAttributeSet> AttributeSet;
	
};

MyWidgetController.cpp

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


#include "UI/WidgetController/MyWidgetController.h"

void UMyWidgetController::SetWidgetControllerParams(const FWidgetControllerParams& WCParams)
{
	PlayerController = WCParams.PlayerController;
	PlayerState = WCParams.PlayerState;
	AbilitySystemComponent = WCParams.AbilitySystemComponent;
	AttributeSet = WCParams.AttributeSet;
}

void UMyWidgetController::BroadcastInitialValues()
{
}

void UMyWidgetController::BindCallbacksToDependencies()
{
}

OverlayWidgetController.h

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

#pragma once

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

DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnHealthChangedSignature,float, NewHealth);
DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnMaxHealthChangedSignature,float, NewMaxHealth);
DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnManaChangedSignature,float, NewMana);
DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnMaxManaChangedSignature,float, NewMaxMana);

/**
 * 屏幕覆盖用户控件控制器层基类，继承与用户控件控制器
 */
UCLASS(BlueprintType, Blueprintable)
class AURA_API UOverlayWidgetController : public UMyWidgetController
{
	GENERATED_BODY()

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

	UPROPERTY(BlueprintAssignable, Category="GAS|Attributes")
	FOnHealthChangedSignature OnHealthChanged;

	UPROPERTY(BlueprintAssignable, Category="GAS|Attributes")
	FOnMaxHealthChangedSignature OnMaxHealthChanged;

	UPROPERTY(BlueprintAssignable, Category="GAS|Attributes")
	FOnManaChangedSignature OnManaChanged;

	UPROPERTY(BlueprintAssignable, Category="GAS|Attributes")
	FOnMaxManaChangedSignature OnMaxManaChanged;

protected:
	void HealthChanged(const FOnAttributeChangeData& Data) const;
	void MaxHealthChanged(const FOnAttributeChangeData& Data) const;
	void ManaChanged(const FOnAttributeChangeData& Data) const;
	void MaxManaChanged(const FOnAttributeChangeData& Data) const;
};

OverlayWidgetController.cpp

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


#include "UI/WidgetController/OverlayWidgetController.h"

#include "AbilitySystem/AttributeSetBase.h"

void UOverlayWidgetController::BroadcastInitialValues()
{
	const UAttributeSetBase* AttributeSetBase = CastChecked<UAttributeSetBase>(AttributeSet);

	OnHealthChanged.Broadcast(AttributeSetBase->GetHealth());
	OnMaxHealthChanged.Broadcast(AttributeSetBase->GetMaxHealth());
	OnManaChanged.Broadcast(AttributeSetBase->GetMana());
	OnMaxManaChanged.Broadcast(AttributeSetBase->GetMaxMana());
}

void UOverlayWidgetController::BindCallbacksToDependencies()
{
	const UAttributeSetBase* AttributeSetBase = CastChecked<UAttributeSetBase>(AttributeSet);

	AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(
		AttributeSetBase->GetHealthAttribute()).AddUObject(this, &UOverlayWidgetController::HealthChanged);

	AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(
	AttributeSetBase->GetMaxHealthAttribute()).AddUObject(this, &UOverlayWidgetController::MaxHealthChanged);

	AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(
		AttributeSetBase->GetManaAttribute()).AddUObject(this, &UOverlayWidgetController::ManaChanged);

	AbilitySystemComponent->GetGameplayAttributeValueChangeDelegate(
		AttributeSetBase->GetMaxManaAttribute()).AddUObject(this, &UOverlayWidgetController::MaxManaChanged);
	
}

void UOverlayWidgetController::HealthChanged(const FOnAttributeChangeData& Data) const
{
	OnHealthChanged.Broadcast(Data.NewValue);
}

void UOverlayWidgetController::MaxHealthChanged(const FOnAttributeChangeData& Data) const
{
	OnMaxHealthChanged.Broadcast(Data.NewValue);
}

void UOverlayWidgetController::ManaChanged(const FOnAttributeChangeData& Data) const
{
	OnManaChanged.Broadcast(Data.NewValue);
}

void UOverlayWidgetController::MaxManaChanged(const FOnAttributeChangeData& Data) const
{
	OnMaxManaChanged.Broadcast(Data.NewValue);
}

多人模式调试UI显示

在运行下拉中，将人数修改为2
在这里插入图片描述
然后将客户端同时作为服务器使用
在这里插入图片描述
接着会发现运行了两个实例，并且拥有相同的血量和蓝量
在这里插入图片描述
接下来，控制一个角色去吃掉药瓶，会发现她的血和蓝都产生了变化，而另外一个没有变化
在这里插入图片描述
到这里功能实现了。

暮志未晚NAN
关注
专栏目录
8. UE5 GAS RPG创建UI（上）
现在学习也不晚
01-22 2182
上面这些我们主要实现了制作用户控件，并且能够在用户控件里面直接获取到控制器层，后续可以通过控制器层直接获取数据进行数据更新。具体实现过程：在创建玩家控制角色过程中，初始化完成技能系统后，去调用HUD的InitOverlay()函数，来实现用户组件控制器层的初始化。InitOverlay()中将实现对用户控件和用户控件控制器层的实例化，并将UI添加到屏幕中。
80. UE5 GAS RPG 实现UI显示技能冷却进度功能
现在学习也不晚
07-12 1234
在上一篇文章里，我们实现了通过GE给技能增加资源消耗和技能冷却功能。UI也能够显示角色能够使用的技能的UI，现在还有一个问题，我们希望在技能释放进去冷却时，技能变成灰色，并在技能冷却完成，技能可以再次使用。为了实现这个功能，我们首先要实现一个能够监听技能进入冷却的方法，然后在技能被使用后，将UI的颜色修改，并在技能冷却完成后，将技能UI恢复到可释放状态。
75. UE5 GAS RPG 创建场景摆放部件蓝图
现在学习也不晚
06-26 555
这一篇文章来点简单的内容，相当于我们使用蓝图创建类似于unity的预制体。
79. UE5 GAS RPG 创建技能冷却和消耗
现在学习也不晚
07-11 1038
在这一篇里面，我们接着优化技能，现在角色添加的主动技能能够同步到ui上面。我们在这一篇文章里面，完善技能的消耗（释放技能减少蓝量）和冷却机制。我们可以看到，在技能类默认值这里，可以设置它的冷却和消耗的GE所以，我们接下来，将通过GE实现对技能的冷却和消耗的设置。
84. UE5 GAS RPG 创建技能面板
现在学习也不晚
07-26 1044
在前面，总算完成了角色属性的功能，并实现了分配属性值的功能。在这一篇文章，我们开始创建技能相关的功能，我们已经有了角色技能，现在还需要一个角色面板，这篇文章里我们将首先创建技能的UI面板，在面板中我们可以设置技能，升级技能等。首先展示一下我们要最终完成的效果接下来我们将实现这个效果。
78. UE5 GAS RPG 创建技能数据并初始化技能ui
现在学习也不晚
07-10 865
在上一篇文章里，我们创建了技能的UI，接下来，我们要考虑如何实现对技能UI的填充，肯定不能直接写死，需要有一些方法去实现技能的更新。我们期望能够创建一个技能数据，然后根据数据通过回调的方式实现数据的更新。为了实现这个功能，我们会先创建一个结构体，用于存储技能的相关数据（Tag，使用的图片等），然后创建一个DataAsset，然后创建回调函数，在注册技能的时候，将技能相关的数据广播出去，在UI里接受，更新UI显示。
85. UE5 GAS RPG 创建技能面板控制器
现在学习也不晚
07-30 1011
在上一篇里，我们编辑完成了技能的UI面板。按照MVC的思路，我们还需要制作它的控制器，用于处理UI上面的交互。到现在为止，我们控制器已经有了三种，首先是我们创建的控制器基类RPGWidgetController.h，为所有控制器需要继承的类，里面有一些公用的函数和属性。我们接下来，会先创建技能面板控制器，然后整理代码，讲通用的部分整理到基类里，并优化一些功能。
77. UE5 GAS RPG 创建角色的技能栏
现在学习也不晚
07-05 1092
在前面的文章里，我们实现了角色属性技能和场景。接下来，我们要优化角色显示UI，在屏幕底部显示角色血量，蓝量，技能和经验值。
UE5 GAS 学习笔记 10.2 GASShooter 中文注释源码
06-20
在本篇UE5 GAS（Gameplay Ability System）学习笔记中，我们将深入探讨GASShooter项目，这是一个基于Unreal Engine 5的示例项目，它为玩家提供了使用各种能力进行射击游戏的体验。通过分析GASShooter的源码和内容，...
【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）
08-01
本篇文章将详细讲解如何在UE5中实现与Web的通讯，利用WEBUI插件来搭建桥梁，使得游戏或应用能够与网页进行数据交换，提升用户体验和互动性。 首先，我们需要理解虚幻引擎UE5中的通信机制。UE5支持多种通信方式，...
UE4.26插件WebUI
08-11
**UE4.26插件WebUI：虚幻引擎与前端网页的无缝融合** UE4，全称为Unreal Engine 4，是由Epic Games开发的一款强大的实时3D创作工具，广泛应用于游戏开发、影视制作、虚拟现实等领域。而"UE4.26插件WebUI"则是一个专...
UE5 UMG滚动框可从前从后添加新UI思路
02-27
UE5 UMG滚动框可从前从后添加新UI思路
【UE5.3 Cesium for Unreal】编译GlobePawn
ChaoChao66666的博客
10-29 747
本篇介绍了如何达到类似于CesiumJs中的视角控制效果（鼠标左键按下旋转地球；鼠标中键按下旋转视角；鼠标滑轮控制放大/缩小视图）
UE5动画控制 基础
webgpu
11-01 665
mixamo先去选择一个character点击下载就这个下载下来然后选几个animation，记得勾选把动作下载了 without skin就是只要动作然后把他们放在一个文件夹里先。
【UE5】可以实时绘制的体积渲染 【第三章 体积纹理绘制 - 2.笔刷蓝图】
UTwelve虚幻4全懵工程师
11-01 627
绘制功能的蓝图功能
虚幻引擎5（UE5）学习教程
最新发布
孤客科技
11-02 803
UE5的用户界面经过精心设计，包含多个部分，方便开发者快速访问所需功能。主工具栏：位于界面的顶部，提供快速访问常用功能，如保存、播放、构建等。您可以在这里找到“播放”按钮，它允许您在编辑器中实时测试游戏。内容浏览器：位于界面的底部，管理项目中的所有资源，包括模型、材质、音效、蓝图等。您可以使用文件夹结构来组织资源，方便查找和使用。场景视口：是编辑器的核心部分，您可以在这里实时查看和编辑场景。通过视口，您可以移动、旋转和缩放对象，调整场景布局。细节面板：显示所选对象的属性，可以进行修改。
UE5移动端主要对象生命周期及监听
tangfuling1991的博客
11-01 240
1、首先加载GameInstance，全局唯一，切换Map也是唯一的，用于做一些全局操作，比如监听Map加载，监听App进入前台、退出后台。1、然后会创建GameModel，每个场景都有1个GameModel，所以每次加载场景都会创建1个新的GameModel。1、在上一步结束后，会等待场景加载完成，Level加载完成后会有回调，这是我们在GameInstance中进行监听的。1、我们点击Home返回桌面，会退到后台，会有退到后台的回调。1、然后会创建Pawn，每个场景都会创建1个新的Pawn。
UE5 第三人称学习之动画 control rig
webgpu
11-01 248
这个东西和建模软件里有的是一个东西，然后IK就是你动脚，他帮你算出小腿大腿该怎么动，FK就是你自己动了大腿，摆小腿，然后再摆脚。使用最矮的脚的偏移给盆骨，这里三个值都是variable，还没给骨骼，接下来才是。先从双脚往下发射线，应该是射线，返回的Z应该是计算完毕之后的Z offset。呐，这里把三个offset给上去，骨骼就动了，最后就把两个脚传递给IK解算器。下面看这个footIK的，相对代码少点，这个功能是让脚不飘起来。接下来这个插值应该是动画过渡把Z变到期望值。只有四步A B C D。
103. UE5 GAS RPG 实现奥数爆发消耗和冷却 以及技能的描述
现在学习也不晚
10-29 486
接着上一篇，我们实现一下技能对玩家友好的设定，设置实现多个技能的描述，方便玩家查看技能的相关信息。之前的闪电链的技能的描述我们也未实现，在这里，我们将它们一起实现。
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、付费专栏及课程。

余额充值