創作內容

0 GP

[UE4]如何使用C++動態載入UMG與Slot基本概念

作者：dorgon│2017-05-26 20:46:30│巴幣：0│人氣：747

部落格版本

===================================

不囉唆，直接先上CODE:

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


	UCLASS()
	class HOPETOWERDEFENSE_API AHopePlayerController : public APlayerController
	{
	//GENERATED_BODY()
	GENERATED_UCLASS_BODY()
	public:
	//AHopePlayerController(const FObjectInitializer& ObjectInitializer);
	virtual ~AHopePlayerController();
	public:
	virtual void BeginPlay() override;


	UPROPERTY(EditDefaultsOnly, BlueprintReadOnly, Category = UI)
	TSubclassOf<UGameWidget> WidgetClass;
	UPROPERTY()
	UGameWidget* WidgetInstance;
	};



	AHopePlayerController::AHopePlayerController(const FObjectInitializer& ObjectInitializer)
	: Super(ObjectInitializer)

	{
	//Must put in constructor
	ConstructorHelpers::FClassFinder<UGameWidget> PutNameHere(TEXT("/Game/MyUMG"));
	if (PutNameHere.Class) {
	WidgetClass = PutNameHere.Class;
	}
	}



	void AHopePlayerController::BeginPlay()
	{
	Super::BeginPlay();
	if (WidgetClass) {
	if (!WidgetInstance) {
	WidgetInstance = CreateWidget<UGameWidget>(this, WidgetClass);
	UImage* image = NewObject<UImage>(UImage::StaticClass());
	image->SetVisibility(ESlateVisibility::Visible);
	UPanelWidget* rootPanel = (UPanelWidget*)WidgetInstance->GetRootWidget();
	//UPanelWidget* rootPanel = (UPanelWidget*)WidgetInstance->GetWidgetFromName(TEXT("RootCanvasPanel"));
	rootPanel->AddChild(image);
	UCanvasPanelSlot* canvasPanelSlot = (UCanvasPanelSlot*)image->Slot;
	auto slot = image->Slot;
	canvasPanelSlot->SetPosition(FVector2D(100, 100));
	}
	}
	if (!WidgetInstance->GetIsVisible())
	{
	WidgetInstance->AddToViewport();
	}
	}

view raw gistfile1.cpp hosted with by GitHub

可以看到在header檔裡面宣告了一個WidgetClass跟一個WidgetInstance。

其中尋找WidgetClass的動作必須放在constructor裡面，另外:

ConstructorHelpers::FClassFinder<UGameWidget> PutNameHere(TEXT(“/Game/MyUMG"));

這邊裡面的路徑指的是我們在editor做好放在Content資料夾的Widget Blueprint(名字是MyUMG.uasset 的那個)，這裡不用寫完整路徑的原因是FClassFinder內部會自動加入相關的suffix，如下圖：

接下來在BeginPlay裡面做的事情就是用這個Class把WidgetInstance建立出來，並加入一個UImage進到這個Widget裡面去。

在這裡必須要注意的是並不是所有的Widget都有AddChild這個方法，所以我們才需要先拿出RootCanvasPanel之後才能把image加進去。

什麼是Slot？從名稱來看，它就是用來讓別人把東西掛上去的『洞』，只要我們的child掛上某個parent的洞之後，就獲得了該parent所提供的調整界面，如下圖：

在code裡面我們canvasPanelSlot->SetPosition(FVector2D(100, 100))，其實就是調整editor裡面的Position X跟Position Y。值得注意的是Slot裡面的參數都是相對於parent的，而不是絕對的。

下面再給出一個掛到Button下面之後能夠調整的slot參數：

這邊的Horizontal Alignment跟Vertical Alignment指的就是我們的Image在button中要對齊的是那個位置。

另外要注意的是UCanvasPanelSlot* canvasPanelSlot = (UCanvasPanelSlot*)image->Slot;這行必須要在AddChild之後，因為如果是放在之前的話，因為Slot還沒掛上parent，所以會得到空指標。

喜歡收藏引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=3589261
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：Unreal Engine 4

UE4 工作日誌 16 Login / startMenu

UE4 工作日誌 15 螺旋丸

UE4 工作日誌 13 烏鴉projectile

UE4 工作日誌 12 基本npc死亡/Projectile

UE4 工作日誌 11 二段跳 / 落斬 /戰鬥狀態

留言共 1 篇留言

阿達：
Hi 最近我也在研究UMG 也是用一個UCanvasPanel 當root, 我加入一個UButton
使用setPosition去移動它到畫面任意位置卻不如預期不論改anchor or alignment
不知道你是否發生過此問題謝謝

08-14 08:34

我要留言提醒：您尚未登入，請先登入再留言

喜歡★dorgonman 可決定是否刪除您的留言，請勿發表違反站規文字。

前一篇：[UE4]GENERAT... 後一篇：[UE4] 幾個增加C+...

追蹤私訊切換新版閱覽

作品資料夾

UnrealEngine (9)

ms0489223 給每天換一首Loop的人：
酸欠少女- Sayuri看更多我要大聲說2小時前