UE4开发C++沙盒游戏教程笔记（十二）（对应教程集数 38 ~ 39）

已于 2023-10-07 13:28:51 修改
阅读量137 收藏
点赞数
分类专栏： UE4/5 的学习笔记 文章标签： ue4 c++ 游戏
于 2023-09-02 12:56:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q446013924/article/details/132362940
版权

UE4开发C++沙盒游戏教程笔记（十二）（对应教程 38 ~ 39）

37. 绘制背包 UI

背包里面有不同功能的格子，如果玩过 Minecraft 的读者应该应该能理解。所以我们在数据结构类添加一个背包格子的枚举类型。

SlAiTypes.h

// 背包容器类型
namespace EContainerType
{
	enum Type
	{
		Output,	// 合成表输出
		Input,	// 合成表输入
		Normal,	// 普通容器
		Shortcut,	// 快捷栏容器
	};
}

格子基类照例需要获取游玩样式类。

添加一个 TAttribute<int> 类型的变量，同时声明它为 SLATE_ATTRIBUTE，因此这个值会由外界传入。它用于标记格子在背包中的位置作用。

添加背包格子基类用到的一些控件的指针。最后在添加一个静态工厂方法来获取这个类的实例。

SSlAiContainerBaseWidget.h

#include "CoreMinimal.h"
#include "SlAiTypes.h"	// 添加头文件

class SLAICOURSE_API SSlAiContainerBaseWidget : public SCompoundWidget
{
public:

	SLATE_BEGIN_ARGS(SSlAiContainerBaseWidget)
	{}

	// 声明 Slate 属性，它会在添加界面时，从外部传入
	SLATE_ATTRIBUTE(int, WorkIndex)

	SLATE_END_ARGS()

	void Construct(const FArguments& InArgs);

	// 获取实例
	static TSharedPtr<SSlAiContainerBaseWidget> CreateContainer(EContainerType::Type NeedType, int WorkID);

protected:

	// 格子的各个控件
	TSharedPtr<class SBorder> ContainerBorder;
	TSharedPtr<SBorder> ObjectImage;
	TSharedPtr<class STextBlock> ObjectNumText;
	
	// 获取 GameStyle
	const struct FSlAiGameStyle* GameStyle;	

	// 工作序号，用于标记格子在背包中的位置作用
	TAttribute<int> WorkIndex;
};

同时也给四个子类的头文件全部加上这句代码，因为父类界面的这个 SLATE 属性是不会被子类继承的，只有子类也声明一个同样的属性才能让这个属性传到父类的这个属性。

	SLATE_BEGIN_ARGS(SSlAiContainerBaseWidget)
	{}

	SLATE_ATTRIBUTE(int, WorkIndex)		// 给四个子类全部加上这句

	SLATE_END_ARGS()

然后给四个子类的 .cpp 文件添加下面这段代码，即把子类的属性传递给父类。此处以 SSlAiContainerShortcutWidget 为例。

SSlAiContainerShortcutWidget.cpp

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SSlAiContainerBaseWidget::Construct(const FArguments& InArgs)
{
	// 添加这里的代码
	SSlAiContainerBaseWidget::Construct(
		SSlAiContainerBaseWidget::FArguments()
		.WorkIndex(InArgs._WorkIndex)
	);
	
	
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION

然后就是完善格子基类的头文件中声明的静态工厂方法，以及完善布局。

SSlAiContainerBaseWidget.cpp

// 引入头文件
#include "SlAiStyle.h"
#include "SlAiGameWidgetStyle.h"

#include "SBorder.h"
#include "STextBlock.h"

#include "SSlAiContainerNormalWidget.h"
#include "SSlAiContainerShortcutWidget.h"
#include "SSlAiContainerInputWidget.h"
#include "SSlAiContainerOutputWidget.h"


BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SSlAiContainerBaseWidget::Construct(const FArguments& InArgs)
{
	// 获取 GameStyle
	GameStyle = &SlAiStyle::Get().GetWidgetStyle<FSlAiGameStyle>("BPSlAiGameStyle");
	// 给工作序号属性赋值，从外界传入
	WorkIndex = InArgs._WorkIndex;

	ChildSlot
	[
		SAssignNew(ContainerBorder, SBorder)
		.BorderImage(&GameStyle->NormalContainerBrush)
		.Padding(FMargin(8.f))
		[
			SAssignNew(ObjectImage, SBorder)
			.BorderImage(&GameStyle->EmptyBrush)
			.HAlign(HAlign_Right)
			.VAlign(VAlign_Bottom)
			.Padding(FMargin(0.f, 0.f, 4.f, 0.f))
			[
				SAssignNew(ObjectNumText, STextBlock)
				.Font(GameStyle->Font_Outline_16)
				.ColorAndOpacity(GameStyle->FontColor_Black)
			]
		]
	];	
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION

TSharedPtr<SSlAiContainerBaseWidget> SSlAiContainerBaseWidget::CreateContainer(EContainerType::Type NeedType, int WorkID)
{
	TSharedPtr<SSlAiContainerBaseWidget> ResultContainer;
	switch (NeedType)
	{
	case EContainerType::Output:
		// 经过前面的准备，此处就可以让子类界面注册的时候传递 WorkIndex 给父类了
		SAssignNew(ResultContainer, SSlAiContainerOutputWidget).WorkIndex(WorkID);
		break;
	case EContainerType::Input:
		SAssignNew(ResultContainer, SSlAiContainerInputWidget).WorkIndex(WorkID);
		break;
	case EContainerType::Normal:
		SAssignNew(ResultContainer, SSlAiContainerNormalWidget).WorkIndex(WorkID);
		break;
	case EContainerType::Shortcut:
		SAssignNew(ResultContainer, SSlAiContainerShortcutWidget).WorkIndex(WorkID);
		break;
	}
	return ResultContainer;
}

此时格子基类已经写好了，接下来就是完善背包界面，将不同类型的格子安排到界面上。

在游玩样式类给背包界面添加笔刷。

SlAiGameStyle.h

USTRUCT()
struct SLAICOURSE_API FSlAiGameStyle : public FSlateWidgetStyle
{


	UPROPERTY(EditAnywhere, Category = "Package")
	FSlateBrush EmptyBrush;

	// 背包的背景框
	UPROPERTY(EditAnywhere, Category = "Package")
	FSlateBrush PackageBGBrush;

	// 合成表箭头
	UPROPERTY(EditAnywhere, Category = "Package")
	FSlateBrush CompoundArrowBrush;
}
//... 后面省略

首先声明一个游玩样式类的常量指针，其次给背包界面的 4 种格子所处的不同区域各自准备一个对应类型的指针。最后添加一个初始化背包管理器的方法，这个方法供 GameMode 的委托使用。

SSlAiPackageWidget.h

#include "CoreMinimal.h"
// 引入头文件
#include "SlAiTypes.h"

class SLAICOURSE_API SSlAiPackageWidget : public SCompoundWidget
{
public:

	SLATE_BEGIN_ARGS(SSlAiPackageWidget)
	{}
	SLATE_END_ARGS()

	void Construct(const FArguments& InArgs);

	// 注册背包管理器事件，由 GameMode 的 InitPackageManager 委托进行调用
	void InitPackageManager();

protected:

	// 获取 GameStyle
	const struct FSlAiGameStyle* GameStyle;	

	// 快捷栏表格
	TSharedPtr<class SUniformGridPanel> ShortcutGrid;
	
	// 背包表格
	TSharedPtr<SUniformGridPanel> PackageGrid;
	
	// 合成表表格
	TSharedPtr<SUniformGridPanel> CompoundGrid;

	// 输出容器
	TSharedPtr<class SBorder> OutputBorder;
};

把背包界面旧的用来测试效果的布局和引入的头文件删掉，换成新的正式布局。

SSlAiPackageWidget.cpp

// 去掉之前添加的旧头文件，引入新头文件
#include "SlAiStyle.h"
#include "SlAiGameWidgetStyle.h"

#include "SSlAiContainerBaseWidget.h"
#include "SOverlay.h"
#include "SBox.h"
#include "SImage.h"
#include "SUniformGridPanel.h"

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SSlAiPackageWidget::Construct(const FArguments& InArgs)
{
	// 获取 GameStyle
	GameStyle = &SlAiStyle::Get().GetWidgetStyle<FSlAiGameStyle>("BPSlAiGameStyle");

	ChildSlot
	[
		SNew(SOverlay)

		// 背包
		+SOverlay::Slot()
		.HAlign(HAlign_Right)
		.VAlign(VAlign_Center)
		.Padding(FMargin(0.f, 0.f, 50.f, 0.f))
		[
			SNew(SBox)
			.WidthOverride(800.f)
			.HeightOverride(800.f)
			[
				SNew(SOverlay)

				// 背景图
				+SOverlay::Slot()
				.HAlign(HAlign_Fill)
				.VAlign(VAlign_Fill)
				[
					SNew(SImage)
					.Image(&GameStyle->PackageBGBrush)
				]
				
				// 底部快捷栏
				+SOverlay::Slot()
				.HAlign(HAlign_Fill)
				.VAlign(VAlign_Fill)
				.Padding(FMargin(40.f, 680.f, 40.f, 40.f))
				[
					SAssignNew(ShortcutGrid, SUniformGridPanel)
				]
				
				// 背包主体
				+SOverlay::Slot()
				.HAlign(HAlign_Fill)
				.VAlign(VAlign_Fill)
				.Padding(FMargin(40.f, 320.f, 40.f, 160.f))
				[
					SAssignNew(PackageGrid, SUniformGridPanel)
				]
				
				// 合成表输入框
				+SOverlay::Slot()
				.HAlign(HAlign_Fill)
				.VAlign(VAlign_Fill)
				.Padding(FMargin(80.f, 40.f, 480.f, 520.f))
				[
					SAssignNew(CompoundGrid, SUniformGridPanel)
				]
				
				// 合成表输出框
				+SOverlay::Slot()
				.HAlign(HAlign_Fill)
				.VAlign(VAlign_Fill)
				.Padding(FMargin(560.f, 120.f, 160.f, 600.f))
				[
					SAssignNew(OutputBorder, SBorder)
				]
				
				// 合成小箭头
				+SOverlay::Slot()
				.HAlign(HAlign_Fill)
				.VAlign(VAlign_Fill)
				.Padding(FMargin(400.f, 120.f, 320.f, 600.f))
				[
					SNew(SImage)
					.Image(&GameStyle->CompoundArrowBrush)
				]
			]
		]
	];	
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION

// 目前先写添加格子到界面格子区域的逻辑
void SSlAiPackageWidget::InitPackageManager()
{
	// 初始化快捷栏
	for (int i = 0; i < 9; ++i) {
		// 创建容器实例
		TSharedPtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Shortcut, i);
		// 将容器添加到 UI
		ShortcutGrid->AddSlot(i, 0)[NewContainer->AsShared()];
	}
	
	// 初始化背包主体
	for (int i = 0; i < 36; ++i) {
		TSharedPtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Normal, i);
		PackageGrid->AddSlot(i % 9, i / 9)[NewContainer->AsShared()];
	}
	
	// 初始化合成台
	for (int i = 0; i < 9; ++i) {
		TSharedPtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Input, i);
		CompoundGrid->AddSlot(i % 3, i / 3)[NewContainer->AsShared()];
	}
	
	// 初始化输出容器
	TSharedPtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Output, 1);
	OutputBorder->SetContent(NewContainer->AsShared());
}

在 GameMode 处声明委托，以及声明一个方法用于初始化背包管理器，还要声明一个 bool 变量用于判断是否已经初始化背包。

SlAiGameMode.h

// 初始化背包管理类委托
DECLARE_DELEGATE(FInitPackageManager)

public:

	// 初始化背包管理委托，绑定的方法是 PackageWidget 的 InitPackageManager 方法
	FInitPackageManager InitPackageManager;

protected:

	// 初始化背包管理类
	void InitializePackage();

private:

	// 是否已经初始化背包
	bool IsInitPackage;

SlAiGameMode.cpp

ASlAiGameMode::ASlAiGameMode()
{

	// 开始没有初始化背包
	IsInitPackage = false;
}

void ASlAiGameMode::Tick(float DeltaSeconds)
{
	InitializePackage();
}

void ASlAiGameMode::InitializePackage()
{
	if (IsInitPackage) return;

	// 叫 PackageWidget 初始化背包管理器
	InitPackageManager.ExecuteIfBound();

	IsInitPackage = true;
}

由 HUD 来绑定委托。

SlAiGameHUD.cpp

#include "SSlAiPlayerStateWidget.h"
// 引入头文件
#include "SSlAiPackageWidget.h"

void ASlAiGameHUD::BeginPlay()
{

	// 初始化背包管理器到背包组件
	GM->InitPackageManager.BindRaw(GameHUDWidget->PackageWidget.Get(), &SSlAiPackageWidget::InitPackageManager);
}

在样式类蓝图配置下笔刷：

配置背包用的笔刷

运行游戏，可看见物品栏界面显示在屏幕右边。

背包界面

38. 鼠标选中背包容器

要让背包格子能够与鼠标交互，则需要获取鼠标在屏幕中的位置以及界面在屏幕中的位置，并获取这两者之间的相对位置。直接说可能比较难以理解，接下来编写相关代码来逐步理清逻辑。

目前准备实现的是：鼠标移到背包界面的格子上时，格子会变成选中态（跟快捷栏那个选中格子一样）。

那么先在格子基类添加一个 bool 变量保存格子是否在 Hover 状态，再添加一个方法来更改它处于不同状态时的图片笔刷。

SSlAiContainerBaseWidget.h

class SLAICOURSE_API SSlAiContainerBaseWidget : public SCompoundWidget
{
public:

	// 更新鼠标移动到上面的状态
	void UpdateHovered(bool IsHovered);

protected:

	// 是否在 Hover 状态
	bool IsHover;
};

SSlAiContainerBaseWidget.cpp

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SSlAiContainerBaseWidget::Construct(const FArguments& InArgs)
{
	
	// 初始化是否悬停为 false
	IsHover = false;
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION


void SSlAiContainerBaseWidget::UpdateHovered(bool IsHovered)
{
	// 如果鼠标移动到上面了
	if (IsHovered) {
		if (!IsHover) ContainerBorder->SetBorderImage(&GameStyle->ChoosedContainerBrush);
	}
	else {
		if (IsHover) ContainerBorder->SetBorderImage(&GameStyle->NormalContainerBrush);
	}
	// 更新当前状态
	IsHover = IsHovered;
}

背包管理器可以看作是 PlayerController 和 UI 之间数据交互的桥梁。因为可能在很多地方都要用到，所以要使用单例模式。之前已经用过单例模式，这里就不多说了。

由于要在背包管理器类里管理背包 UI 的格子，所以需要获取 UI 里不同种类格子组的指针。声明 3 个指针数组（指向输入格子组、普通格子组、快捷栏格子组）和 1 个指针（指向输出格子）。

再添加一个初始化这些格子的方法，也就是 InsertContainer()。让背包界面在它初始化格子布局的同时传入参数。

添加一个方法来让处于 Normal 或 Hover 态的格子改变笔刷，它会调用格子基类的 UpdateHovered()。
再声明一个方法用于获取当前鼠标悬浮于其上的格子。
并且声明一个变量用来获取上一个鼠标悬浮过的格子，让它能够在鼠标被移开时变回原色。

SlAiPackageManager.h

#pragma once

#include "CoreMinimal.h"
// 引入头文件
#include "SlAiTypes.h"
#include "SSlAiContainerBaseWidget.h"

class SLAICOURSE_API SlAiPackageManager
{
public:

	SlAiPackageManager();

	static void Initialize();

	static TSharedPtr<SlAiPackageManager> Get();

	// 添加容器
	void InsertContainer(TSharedPtr<class SSlAiContainerBaseWidget> Container, EContainerType::Type InsertType);

	// 更新悬停的容器颜色
	void UpdateHovered(FVector2D MousePos, FGeometry PackGeo);

private:

	// 创建实例方法
	static TSharedRef<SlAiPackageManager> Create();

	// 获取鼠标指向的容器
	TSharedPtr<SSlAiContainerBaseWidget> LocateContainer(FVector2D MousePos, FGeometry PackGeo);

private:

	// 单例指针
	static TSharedPtr<SlAiPackageManager> PackageInstance;

	// 容器列表
	TArray<TSharedPtr<SSlAiContainerBaseWidget>> InputContainerList;
	TArray<TSharedPtr<SSlAiContainerBaseWidget>> NormalContainerList;
	TArray<TSharedPtr<SSlAiContainerBaseWidget>> ShortcutContainerList;
	// 输出容器只有一个
	TSharedPtr<SSlAiContainerBaseWidget> OutputContainer;

	// 上一个悬停的容器
	TSharedPtr<SSlAiContainerBaseWidget> LastHoveredCon;
}

SlAiPackageManager.cpp

// 开始时对单例指针赋值
TSharedPtr<SlAiPackageManager> SlAiPackageManager::PackageInstance = NULL;

void SlAiPackageManager::Initialize()
{
	if (!PackageInstance.IsValid())
		PackageInstance = Create();
}

TSharedPtr<SlAiPackageManager> SlAiPackageManager::Get()
{
	Initialize();
	return PackageInstance;
}

TSharedRef<SlAiPackageManager> SlAiPackageManager::Create()
{
	TSharedRef<SlAiPackageManager> PackageRef = MakeShareable(new SlAiPackageManager());
	return PackageRef;
}

SlAiPackageManager::SlAiPackageManager()
{
}

void SlAiPackageManager::InsertContainer(TSharedPtr<class SSlAiContainerBaseWidget> Container, EContainerType::Type InsertType)
{
	switch (InsertType)
	{
	case EContainerType::Output:
		OutputContainer = Container;
		break;
	case EContainerType::Input:
		InputContainerList.Add(Container);
		break;
	case EContainerType::Normal:
		NormalContainerList.Add(Container);
		break;
	case EContainerType::Shortcut:
		ShortcutContainerList.Add(Container);
		break;
	}
}

void SlAiPackageManager::UpdateHovered(FVector2D MousePos, FGeometry PackGeo)
{
	// 先获取悬停的容器
	TSharedPtr<SSlAiContainerBaseWidget> CurrHoveredCon = LocateContainer(MousePos, PackGeo);
	// 如果容器存在
	if (CurrHoveredCon.IsValid())
	{
		// 设置当前容器悬停显示
		CurrHoveredCon->UpdateHovered(true);
		// 如果上一容器存在，并且与当前容器不相同
		if (LastHoveredCon.IsValid() && LastHoveredCon.Get() != CurrHoveredCon.Get()) {
			// 更新悬停显示
			LastHoveredCon->UpdateHovered(false);
		}
	}
	else {
		// 当前容器不存在且上一容器存在，取消上一容器的悬停显示
		if (LastHoveredCon.IsValid()) {
			LastHoveredCon->UpdateHovered(false);
		}
	}

	// 更新上一悬停容器
	LastHoveredCon = CurrHoveredCon;
}

TSharedPtr<SSlAiContainerBaseWidget> SlAiPackageManager::LocateContainer(FVector2D MousePos, FGeometry PackGeo)
{
	// 迭代找到指向的容器
	for (TArray<TSharedPtr<SSlAiContainerBaseWidget>>::TIterator It(ShortcutContainerList); It; ++It) {
		// 获取区域
		FVector2D StartPos = PackGeo.AbsoluteToLocal((*It)->GetCachedGeometry().AbsolutePosition);
		FVector2D EndPos = StartPos + FVector2D(80.f, 80.f);
		// 判断鼠标位置是否在区域内，在的话直接返回这个容器
		if (MousePos.X >= StartPos.X && MousePos.X <= EndPos.X && MousePos.Y >= StartPos.Y && MousePos.Y <= EndPos.Y)
		{
			return *It;
		}
	}
	
	for (TArray<TSharedPtr<SSlAiContainerBaseWidget>>::TIterator It(NormalContainerList); It; ++It) {
		// 获取区域
		FVector2D StartPos = PackGeo.AbsoluteToLocal((*It)->GetCachedGeometry().AbsolutePosition);
		FVector2D EndPos = StartPos + FVector2D(80.f, 80.f);
		// 判断鼠标位置是否在区域内，在的话直接返回这个容器
		if (MousePos.X >= StartPos.X && MousePos.X <= EndPos.X && MousePos.Y >= StartPos.Y && MousePos.Y <= EndPos.Y)
		{
			return *It;
		}
	}
	
	for (TArray<TSharedPtr<SSlAiContainerBaseWidget>>::TIterator It(InputContainerList); It; ++It) {
		// 获取区域
		FVector2D StartPos = PackGeo.AbsoluteToLocal((*It)->GetCachedGeometry().AbsolutePosition);
		FVector2D EndPos = StartPos + FVector2D(80.f, 80.f);
		// 判断鼠标位置是否在区域内，在的话直接返回这个容器
		if (MousePos.X >= StartPos.X && MousePos.X <= EndPos.X && MousePos.Y >= StartPos.Y && MousePos.Y <= EndPos.Y)
		{
			return *It;
		}
	}
	
	// 这里处理输出容器
	// 获取区域
	FVector2D StartPos = PackGeo.AbsoluteToLocal(OutputContainer->GetCachedGeometry().AbsolutePosition);
	FVector2D EndPos = StartPos + FVector2D(80.f, 80.f);
	// 判断鼠标位置是否在区域内，在的话直接返回这个容器
	if (MousePos.X >= StartPos.X && MousePos.X <= EndPos.X && MousePos.Y >= StartPos.Y && MousePos.Y <= EndPos.Y)
	{
		return OutputContainer;
	}
	// 鼠标没有在任何一个容器的时候则返回空
	return nullptr;
}

在背包界面的头文件做如下操作：

声明一个二维向量，存储鼠标在屏幕中的位置。并重写一下 Tick() 方法来更新鼠标位置。
由于界面是经过缩放的，所以 DPI 缩放的值也会影响到鼠标位置的数值，要获取位于 SiAiGameHUDWidget 的 UIScaler，我们就要利用 Slate 的属性。 所以声明一个 Slate 属性类型的变量来获取 UIScaler。

SSlAiPackageWidget.h

class SLAICOURSE_API SSlAiPackageWidget : public SCompoundWidget
{
public:

	SLATE_BEGIN_ARGS(SSlAiPackageWidget)
	{}
	
	// 添加 DPI 缩放的属性
	SLATE_ATTRIBUTE(float, UIScaler)
	
	SLATE_END_ARGS()
	
	void Construct(const FArguments& InArgs);

	// 重写 Tick 函数，用于实时获取鼠标位置，并检测鼠标是否悬浮在格子上
	virtual void Tick(const FGeometry& AllottedGeometry, const double InCurrentTime, const float InDeltaTime) override;

	void InitPackageManager();

protected:

	
	// 鼠标位置标定
	FVector2D MousePosition;

	// DPI 的缩放
	TAttribute<float> UIScaler;

private:

	// 是否已经初始化背包管理器
	bool IsInitPackageMana;
};

在游玩界面的 .cpp 里把 UIScaler 传入。

SSlAiGameHUDWidget.cpp

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SSlAiGameHUDWidget::Construct(const FArguments& InArgs)
{


	ChildSlot
	[
		SNew(SDPIScaler)
		.DPIScaler(UIScaler)
		[
			SNew(SOverlay)

			// ... 省略
			
			// Package
			+SOverlay::Slot()
			.HAlign(HAlign_Fill)
			.VAlign(VAlign_Fill)
			[
				SAssignNew(PackageWidget, SSlAiPackageWidget)
				// 设置 DPI
				.UIScaler(UIScaler)
				.Visibility(EVisibility::Hidden)
			]
		]
	];	

	InitUIMap();
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION

Tick 函数里面添加 Debug 逻辑来显示下鼠标的位置，测试完可以去掉 Debug 代码。

SSlAiPackageWidget.cpp

// 添加头文件
#include "Engine/GameEngine.h"
#include "Engine/Engine.h"
#include "SlAiHelper.h"

#include "SlAiPackageManager.h"

BEGIN_SLATE_FUNCTION_BUILD_OPTIMIZATION
void SSlAiPackageWidget::Construct(const FArguments& InArgs)
{

	GameStyle = &SlAiStyle::Get().GetWidgetStyle<FSlAiGameStyle>("BPSlAiGameStyle");
	// 获取 UIScaler
	UIScaler = InArgs._UIScaler;

	ChildSlot
	[
		// ... 省略
	];	

	// 初始化鼠标位置
	MousePosition = FVector2D(0.f, 0.f);
	// 初始化是否初始化背包管理器的 bool 变量
	IsInitPackageMana = false;
}

void SSlAiPackageWidget::Tick(const FGeometry& AllottedGeometry, const double InCurrentTime, const float InDeltaTime)
{
	// 如果背包显示并且世界存在，实时更新鼠标位置
	if (GetVisibility() == EVisibility::Visible && GEngine)
	{
		GEngine->GameViewport->GetMousePosition(MousePosition);
		// Debug 用，以此显示鼠标的绝对坐标和经过 DPI 值适配后的相对坐标，测试完可以删掉
		SlAiHelper::Debug(FString("AbsoMousePos : ") + MousePosition.ToString(), 0.f);
		MousePosition = MousePosition / UIScaler.Get();
		// Debug 用
		SlAiHelper::Debug(FString("RelaMousePos : ") + MousePosition.ToString(), 0.f);
	}

	// 如果背包管理器已经初始化
	if (IsInitPackageMana) {
		// 实时更新容器悬停显示
		SlAiPackageManager::Get()->UpdateHovered(MousePosition, AllottedGeometry);
	}
}
END_SLATE_FUNCTION_BUILD_OPTIMIZATION

void SSlAiPackageWidget::InitPackageManager()
{
	for (int i = 0; i < 9; ++i) {
		TSharePtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Shortcut, i);
		ShortcutGrid->AddSlot(i, 0)[NewContainer->AsShared()];
		// 注册容器到背包管理器
		SlAiPackageManager::Get()->InsertContainer(NewContainer, EContainerType::Shortcut);
	}
	
	for (int i = 0; i < 36; ++i) {
		TSharePtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Normal, i);
		PackageGrid->AddSlot(i % 9, i / 9)[NewContainer->AsShared()];
		// 注册容器到背包管理器
		SlAiPackageManager::Get()->InsertContainer(NewContainer, EContainerType::Normal);
	}
	
	for (int i = 0; i < 9; ++i) {
		TSharePtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Input, i);
		CompoundGrid->AddSlot(i % 3, i / 3)[NewContainer->AsShared()];
		// 注册容器到背包管理器
		SlAiPackageManager::Get()->InsertContainer(NewContainer, EContainerType::Input);
	}
	
	TSharedPtr<SSlAiContainerBaseWidget> NewContainer = SSlAiContainerBaseWidget::CreateContainer(EContainerType::Output, 1);
	OutputBorder->SetContent(NewContainer->AsShared());
	// 注册容器到背包管理器
	SlAiPackageManager::Get()->InsertContainer(NewContainer, EContainerType::Output);

	// 设置已经初始化背包管理器
	IsInitPackageMana = true;
}

此时运行游戏，打开背包，将鼠标放到背包的格子上，可看见格子会因鼠标悬停而切换成选中样式的格子图片。（在 Standalone 以外的运行模式可能会因为屏幕尺寸问题，格子不能正常响应）

格子响应

犀利贝XD
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unreal Engine 4 道具捡拾教程 C++ 实现
caldera的专栏
10-08 3499
Unreal Engine 4  道具捡拾教程 C++ 实现   　　物品捡拾是游戏比较常用的功能，这个教程讲解实现简单的物品捡拾的过程。   1、  首先新建C++工程，输入好工程名称，注意选择Ｃ++页签     2. 先配置一下输入控制。选择Edit->ProjectSettings…   选择左侧Engine下的Input 配置键盘鼠标操作键 右侧显示
【UE4 C++】 实现简易背包
Tanzq的博客
08-04 3452
效果展示 按E拾取之后，物品会出现在背包中，我们可以按I进行背包的开关。 对点击Use会提示你使用了该物品。 点击Drop之后可以将物品丢弃 左键可以移动物品 移动到另一个物品的时候会融合成一个新的物体： 然后丢掉~ （直接把我的方块弹飞了) 实现的整体思路 ...
使用C++解决典型的背包问题
01-05
背包问题(Knapsack problem)是一种组合优化的NP完全问题。问题可以描述为：给定一组物品，每种物品都有自己的重量和价格，在限定的总重量内，我们如何选择，才能使得物品的总价格最高。问题的名称来源于如何选择最合适的物品放置于给定背包中。
UE4 使用c++创建简单的背包系统
maxiaosheng521的专栏
08-13 2760
参照教程https://wiki.unrealengine.com/index.php?title=C%2B%2B_Inventory#Player_Controller 最后ui提示部分没有做 只是在代码中简单的进行了一下输出 整体结构 1.首先创建物品的DataTable类型 // Fill out your copyright notice in the Descrip...
虚幻4C++编程入门（搬运1）
热门推荐
别人不知道的程序人生
05-17 1万+
首先我们将使用虚幻编辑器中的类向导生成基础 C++ 类，以便蓝图稍后进行延展。下图展示了向导的第一步 - 新建一个 Actor。 这里根据对character、pawn和actor的描述，知道了pawn是actor类型，而charactor是pawn的一种类型。进程中的第二步是告知向导需要生成类的命名。下图显示的第二步中使用了默认命名。选择创建类后，向导将生成文件并打开开发环境，以便开始编辑。这便
UE4Niagara沙盒
02-14
UE4Niagara沙盒 来自UE4第三人称模板的资产属于EPIC Games的许可。
基于C#开发的沙盒游戏源码-课设项目.zip
08-31
基于C#开发的沙盒游戏源码-课设项目.zip基于C#开发的沙盒游戏源码-课设项目.zip基于C#开发的沙盒游戏源码-课设项目.zip基于C#开发的沙盒游戏源码-课设项目.zip基于C#开发的沙盒游戏源码-课设项目.zip基于C#开发的...
安卓移动开发课程设计/Android期末大作业-安卓游戏，点击小沙盒
12-29
安卓移动开发课程设计/Android期末大作业-安卓游戏，点击小沙盒 - 运行中有什么问题可以私聊博主，本人高级安卓工程师，主页置顶有常见爆红解决的方法，以及更多代码项目 ## 项目备注 1、该资源内项目代码都经过测试...
xlgwwcjbxgq_沙盒游戏txt_dragdrop_gdrg_
10-01
沙盒游戏
v5多开器,沙盒,游戏多开
10-24
v5多开器,沙盒,游戏多开
UE4纯蓝图添加C++遇到的一个坑
MichaelLiew的博客----VR行者
08-18 9248
坑描述：     我有一个纯蓝图的项目，挺大的项目。我后面想添加一个C++的文件，于是我就点击添加，结果失败了，输出显示“ERROR: UnrealBuildTool encountered an error while compiling source files”。我想一定是哪些文件有冲突了，就将工程目录多余的全部删除了，如图。我天真的以为这时候双击项目文件可以打开，可是我错了！弹出对话框出
虚幻引擎UE4背包系统（如何制作可拖动（Drag and Drop）的背包（Scrollbox））
sinat_23135151的博客
07-08 1万+
本教程适合初学者（学习经历已有30天的UE4初学者）。   最终效果 由于隐私保护，不想截实际的效果图，下面给出了示意图，左边是背包A，右边是背包B，将其中的子项目从左侧拖往右侧的背包，然后在插入位置放置。 第一步： 制作一个user widget（在内容浏览器中右键-ui widget-user widget），命名为subwidget_singleitem，这个用作单个物
ue4 classuobject没有成员beginplay_UE4 C++ (2)：定义物品与之互动
weixin_39883374的博客
12-08 397
之前一篇C++文章中，写了使用C++创建一个背包，并且添加了一个物体可以拾取到背包中。那么这一篇文章，我们使用枚举定义不同的物品类型，不同物品属性与角色产生不同的互动，初始化角色对象等等内容。知识的积累离不开点点滴滴的努力，望共勉之，和往常一样工程在文章最后。在本文章中我们要实现的是，基于一个Actor，可以选择这个Actor的属性，一个属性是可拾取物体，一个属性是不可拾取只能使用的物体，然后我们...
【UE4】【C++】游戏中可拾取物品（捡到之后buff作用、捡完消失）
The Beginning
03-16 2801
首先需要一个C++类(Actor类型就可以)(PickUpBase)  作为所有可拾取物品的根h:#include "Components/StaticMeshComponent.h" //组件 #include "Components/SphereComponent.h" //可碰撞UPROPERTY(VisibleAnywhere,Category="Components") UStaticM...
ue4 4.24启动无响应_UE4 C++ (1)：创建背包模块
weixin_39695672的博客
12-11 269
所以说UE大法好，博主开始陆陆续续更新一些C++方面的教程，一来巩固下知识二来走过的一些坑可以分享给开发者，之所以没出整套教程是因为觉得做一套太过于复杂而且不灵活，像博主之前做的蓝图教程，都是一个一个游戏模块抽出来讲，所以这次C++也一样，理解了每个独立模块的用法和之间的相互关系，剩下的其实就是靠自己拼接起一个完整的工程了。如果这一系列模块教程有不对的地方望大佬指出，共勉之。代码在文章最后面，工程...
新手UE4 C++用API【持续更新】
Elaine_Yur的博客
07-16 3502
//操作文件 //读取文件、写入文件 相当于复制粘贴 TArray&lt;uint8&gt; testarr; FFileHelper::LoadFileToArray(testarr,*entirePath); FFileHelper::SaveArrayToFile(testarr, *savePath);   //判断文件是否存在 bool isFind = FPlatform...
鸣潮基于虚幻引擎4的多平台效果和性能优化实践
最新发布
RuanJian_GC的博客
06-24 999
一般图像在做上采样的时候，考虑的是目标像素到原像素的距离来做一个权重的插值。但是FSR等除了考虑这个距离，还会考虑原像素本身的一些情况。Lanczos2用的是多项式的一个逼近。总结及其他的一些优化和结果：混合方案：实现了经典TAA算法，同时又融入了一些图像处理的方式与方法GBuffer的结构：第一版：三张GBuffer+一张SceneColor+一个DepthBuffer （Depth Fetch获取深度信息）三种材质Scene Color存的都是自发光；
C语言第17篇：预处理详解
2302_78977491的博客
06-22 776
C语言设置了一些预定义符号，可以直接使用。预定义符号也是在预处理期间处理的。__FILE__ //进行编译的源文件__LINE__ //文件当前的行号__DATE__ //文件被编译的日期__TIME__ //文件被编译的时间__STDC__ //如果编译器遵循ANSI C，其值为1, 否则未定义int main()printf("进行编译的源文件:%s\n", __FILE__);printf("当前文件的行号:%d\n", __LINE__);
flask开发沙盒游戏
10-27
在使用Flask开发沙盒游戏时，可以利用Flask框架提供的功能快速搭建游戏的服务器端。首先，我们需要创建一个Flask应用实例，并设置对应的路由和视图函数来处理不同的游戏逻辑。 在游戏中，可以通过Flask的路由功能来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值