UE4中UMG与C++交互页面文本修改

在UE4中，有两种方式创建ui，一种是使用slate的方式，一种是UMG，UMG是slate的封装，是一个可视化的ui编辑器。slate则是纯c++方式（之前实验过一次slate创建页面，代码相当麻烦），所以准备采用UMG做几个页面。

在.Build.cs文件中将以下行：

PublicDependencyModuleNames.AddRange(new string[] { "Core", "CoreUObject", "Engine", "InputCore" });

修改为：

PublicDependencyModuleNames.AddRange(new string[] { "Core", "CoreUObject", "Engine", "InputCore", "UMG", "Slate", "SlateCore" });

修改完成后，打开和你项目同名的头文件然后添加以下包含：

#include "Runtime/UMG/Public/UMG.h"

#include "Runtime/UMG/Public/UMGStyle.h"

#include "Runtime/UMG/Public/Blueprint/UserWidget.h"

#include "Runtime/UMG/Public/Slate/SObjectWidget.h"

#include "Runtime/UMG/Public/IUMGModule.h"

创建一个HUD 的C++类

命名为SlAiMenuHUD。

首先创建个UI文件夹，在UI下创建一个蓝图控件，名字叫做SlAiMenuHUDWidget（网上一个大佬的视频教程素材，https://didi.ke.qq.com/）。

然后在页面中拖拽几个控件

注意下对齐方式，比如背景图，填充方式即可。

我们现在试着通过C++控制页面的文本。文本的名称叫做TxtMenuTitle。

然后创建一个C++类，继承自UserWidget，名字与页面名字一样即可。

在SlAiMenuHUDWidget.h文件中：

// Fill out your copyright notice in the Description page of Project Settings.

#pragma once

#include "CoreMinimal.h"

#include "Blueprint/UserWidget.h"

#include "SlAiMenuHUDWidget.generated.h"

/**

 *

 */

UCLASS()

class SLAICOURSE_API USlAiMenuHUDWidget : public UUserWidget

{

    GENERATED_BODY()

public:

    virtual bool Initialize () override;

　　　//页面控件

     class UTextBlock* TxtMenuTitle;

};

在.cpp中：通过GetWidgetFromName获取页面控件。NSLOCTEXT处理本地化语言。

#include "SlAiMenuHUDWidget.h"

#include "Engine/Engine.h"

#include "TextBlock.h"

bool USlAiMenuHUDWidget::Initialize () {

    Super::Initialize ();

    TxtMenuTitle = Cast<UTextBlock> ( GetWidgetFromName ( "TxtMenuTitle" ) );

    if (TxtMenuTitle != nullptr) {

        TxtMenuTitle->SetText ( NSLOCTEXT ( "SlAiMenu" ,"Menu" ,"Menu" )  );

    }

    return true;

}

然后把widget添加到HUD中

SlAiMenuHUD.h代码为：

// Fill out your copyright notice in the Description page of Project Settings.

#pragma once

#include "CoreMinimal.h"

#include "GameFramework/HUD.h"

#include "SlAiMenuHUD.generated.h"

/**

 *

 */

UCLASS()

class SLAICOURSE_API ASlAiMenuHUD : public AHUD

{

    GENERATED_BODY()

public:

    ASlAiMenuHUD();

    class USlAiMenuHUDWidget* MenuHUDWidget;

    TSubclassOf<class UUserWidget> MenuHUDWidgetClass;

};

SlAiMenuHUD.cpp代码为

// Fill out your copyright notice in the Description page of Project Settings.

#include "SlAiMenuHUD.h"

#include "SlAiMenuHUDWidget.h"

#include "UObject/ConstructorHelpers.h"

ASlAiMenuHUD::ASlAiMenuHUD () {

    if (GEngine && GEngine->GameViewport)

    {

        // 找到蓝图类，可以在编译器中点击SlAiMenuHUDWidget文件，然后按下ctrl+c即可获取该路径名，注意，需要加_C

        static ConstructorHelpers::FClassFinder<UUserWidget> MenuHUDWidgetBP ( TEXT ( "WidgetBlueprint'/Game/UI/SlAiMenuHUDWidget.SlAiMenuHUDWidget_C'" ) );

        if (MenuHUDWidgetBP.Succeeded ()) {

            MenuHUDWidgetClass = MenuHUDWidgetBP.Class; // 得到class

        }

        MenuHUDWidget = CreateWidget<USlAiMenuHUDWidget>(GetWorld()->GetGameInstance(),MenuHUDWidgetClass );

        if (MenuHUDWidget != nullptr) {

            MenuHUDWidget->AddToViewport ();

        }

    }

}

然后将gamemode的HUD设置为该HUD

HUDClass = ASlAiMenuHUD::StaticClass();

把页面的父类设置成C++的类

运行一下就会发现，页面文本已经修改成我们设置的文本了。

后续会加入一些点击的事件。

巴特西

UE4中UMG与C++交互页面文本修改

最新文章

热门文章

巴特西

UE4中UMG与C++交互 页面文本修改

最新文章

热门文章

UE4中UMG与C++交互页面文本修改