一、前言
在C++可以直接创建按钮、滚轮等UI,并且可以直接绑定并处理响应事件。在创建C++代码后还是需要通过蓝图来显示到应用中,总体来说还是不如直接用蓝图来的方便。
本文使用的虚幻引擎为5.2.1。
二、实现
2.1、创建UUserWidgetl类型的C++类
声明两个按钮并创建两个按钮的点击事件处理方法,头文件代码如下,这里只是声明了两个按钮并没有实际创建按钮,需要在后续的蓝图UI中进行绑定。
cpp
#pragma once
#include "CoreMinimal.h"
#include "Components/Button.h"
#include "Blueprint/UserWidget.h"
#include "MyUserWidget.generated.h"
/**
*
*/
UCLASS()
class CHAPTER2_API UMyUserWidget : public UUserWidget
{
GENERATED_BODY()
public:
//这里设定的"buttonStart"按钮名称后面创建蓝图类UI中按钮的名称和这个一样
UPROPERTY(meta = (BindWidget))
UButton* ButtonStart;
UPROPERTY(meta = (BindWidget))
UButton* ButtonQuit;
public:
virtual bool Initialize()override;
public:
UFUNCTION()
void BtnClick_Start();
UFUNCTION()
void BtnClick_Quit();
};
注:在代码里声明两个按钮,其必须在后续的蓝图类中体现,包括名字也要一样,否则会编译错误,甚至编辑器直接崩。
在初始化函数里将按钮的点击进行绑定,同时编写按钮点击事件处理函数的信息,代码如下:
cpp
bool UMyUserWidget::Initialize()
{
if (!Super::Initialize())
{
return false;
}
ButtonStart->OnClicked.AddDynamic(this, &UMyUserWidget::BtnClick_Start);
ButtonQuit->OnClicked.AddDynamic(this, &UMyUserWidget::BtnClick_Quit);
return true;
}
void UMyUserWidget::BtnClick_Start()
{
GEngine->AddOnScreenDebugMessage(-1, 5.0f, FColor::Green, TEXT("Button Start"));
}
void UMyUserWidget::BtnClick_Quit()
{
GEngine->AddOnScreenDebugMessage(-1, 5.0f, FColor::Red, TEXT("Button Quit"));
}
2.2、创建UI蓝图
这一步和之前直接创建C++的蓝图类不同,如图2.2.1所示,如果点击创建该类的蓝图类的话只会创建了一个蓝图类,它并没有真正的UI元素。
图2.2.1
我们需要的是单独创建一个控件蓝图,然后在其父类设置时选择2.1创建的类。
在选择父类时需要先创建2.1中生命的两个类,并且一定要名称一致,如图2.2.2所示,按钮或其他控件可以创建多个,但是这两个类型必须有而且名字必须一样,否则在绑定父类时直接导致编
图2.2.2
辑器崩溃,如图2.2.3所示为没有"ButtonStart"按钮的情况下设置父类后直接导致编辑器崩溃
图2.2.3
崩的信息也是提示C++代码中没有这个按钮,然后进行了绑定。当再次打开编辑器的并尝试打开蓝图的情况下,会提示无法打开,或者打开后蓝图的父类回复默认的"用户控件"。并且再在父类中选择时已经找不到之前2.1创建的类了,同时C++类文件中也没有这个类了。需要重新编译C++代码才会再出现
2.3、添加到场景中
这一步和在蓝图中创建UI并添加到视口的逻辑是一样的,需要在PlayController或者其他的系统管理类中创建2.2中创建的蓝图类,并添加到视口,代码如下,创建的TEXT路径即为2.2中蓝图
cpp
#include "Blueprint/UserWidget.h"//需要添加的头文件
void AMyPlayerController1::BeginPlay()
{
Super::BeginPlay();
//这里的参数NULL和表示只是加载到场景中,不会加载到这个类下面
UClass* WidgetCalss = LoadClass<UUserWidget>(NULL, TEXT("/Script/UMGEditor.WidgetBlueprint'/Game/BluePrint/UMG_Widget.UMG_Widget_C'"));
UUserWidget* MyWidgetClass = nullptr;
MyWidgetClass = CreateWidget<UUserWidget>(GetWorld(), WidgetCalss);
MyWidgetClass->AddToViewport();
}
类的"复制引用"后的路径,同时需要再后面添加"_C"的后缀。
三、总结
3.1、创建C++的按钮变量名称一定要在后续蓝图控件中创建,类型和名称都要一致,否则会编译报错,甚至编辑器崩。