UE4C++学习篇（八）--- UI界面添加（UMG方式）

最新推荐文章于 2025-05-27 00:36:45 发布

卡西莫多说

最新推荐文章于 2025-05-27 00:36:45 发布

阅读量4.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： UE5C++ 文章标签： ue4 学习游戏开发

本文链接：https://blog.csdn.net/qq_42597694/article/details/123458279

UE5C++ 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了在游戏开发中如何将获取的金币数量显示到用户界面上。首先，需要在项目的.Build.cs文件中添加UMG模块。接着，创建一个继承自UserWidget的C++类，并重写Initialize方法来初始化界面组件。然后，通过蓝图创建UserWidget，并设置其父类为C++类。在C++类中定义更新金币数值的方法，如`UpdatePlayerCoins`，并通过GetWidgetFromName或BindWidget绑定到界面上的对应组件。最后，获取资源并创建视图，调用`UpdatePlayerCoins`方法更新显示的金币数量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇文章介绍了如何获取金币并保存数据。这次来介绍一下如何让获取的金币数量显示到界面上面。

首先添加UMG模块，在.Build.cs文件中添加“UMG”模块；

创建继承自UserWidget类的C++类；

初始化方法，重写父类虚函数，在里面进行初始化；

virtual bool Initialize() override;

if (!Super::Initialize())
{
	return false;
}

//初始化的按钮等
//...
return true;

之后，创建蓝图的UserWidget，在类设置的地方，让创建的蓝图类的父类设置成自己创建的C++类；

界面设置：

绑定界面的组件的方式：

1.使用GetWidgetFromName(名字);

2.UPROPERTY(meta = (BindWidget))，注：变量名称要和UserWidget中一致才会绑定成功。

在C++类中创建更新金币数值的方法：

void UFPSMainUI::UpdatePlayerCoins(int32 NewNum)
{
	if (CoinsNum)
	{
		FText Text = FText::AsNumber(NewNum);
		CoinsNum->SetText(Text);
	}
}

获取资源：

//获取FPSMainUI蓝图
static ConstructorHelpers::FClassFinder<UUserWidget> MainUI(TEXT("WidgetBlueprint'/Game/Blueprints/UI/BP_FPSMainUI.BP_FPSMainUI_C'"));
if (MainUI.Succeeded())
{
	FPSMainUI = MainUI.Class;
}

创建视图：

//添加视图
if (FPSMainUI)
{
	MainUIWidget = CreateWidget<UFPSMainUI>(GetWorld(), FPSMainUI);
	if (MainUIWidget)
	{
		MainUIWidget->AddToViewport();
		MainUIWidget->UpdatePlayerCoins(PlayerCoins);
	}
}

结果：