C++ UE4 脚本编程秘籍(三)

虚幻引擎C++与蓝图集成指南

原文:zh.annas-archive.org/md5/244B225FA5E3FFE01C9887B1851E5B64

译者:飞龙

协议:CC BY-NC-SA 4.0

第八章:集成 C++和虚幻编辑器

在本章中,我们将介绍以下内容:

  • 使用类或结构作为蓝图变量

  • 创建可以在蓝图中作为子类化的类或结构

  • 创建可以在蓝图中调用的函数

  • 创建可以在蓝图中实现的事件

  • 将多播委托公开给蓝图

  • 创建可以在蓝图中使用的 C++枚举

  • 在编辑器中的不同位置编辑类属性

  • 使属性在蓝图编辑器图中可访问

  • 响应编辑器中的属性更改事件

  • 实现本地代码构造脚本

  • 创建一个新的编辑器模块

  • 创建新的工具栏按钮

  • 创建新的菜单项

  • 创建一个新的编辑器窗口

  • 创建一个新的资产类型

  • 为资产创建自定义上下文菜单项

  • 创建新的控制台命令

  • 为蓝图创建一个新的图钉可视化器

  • 使用自定义详细信息面板检查类型

介绍

虚幻的主要优势之一是它为程序员提供了创建可以由设计师在编辑器中自定义或使用的角色和其他对象的能力。本章展示了如何实现这一点。在此之后,我们将尝试通过从头开始创建自定义蓝图和动画节点来自定义编辑器。我们还将实现自定义编辑器窗口和用于检查用户创建的类型的自定义详细信息面板。

使用类或结构作为蓝图变量

在 C++中声明的类型不会自动并入蓝图以用作变量。此示例向您展示如何使它们可访问,以便您可以将自定义本地代码类型用作蓝图函数参数。

如何操作…

  1. 使用编辑器创建一个新的类。与之前的章节不同,我们将创建一个基于对象的类。对象在常见类列表中不可见,因此我们需要在编辑器 UI 中选中“显示所有类”按钮,然后选择“对象”。将您的新“对象”子类命名为TileType外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  2. 将以下属性添加到TileType定义中:

UPROPERTY()
int32 MovementCost;
UPROPERTY()
bool CanBeBuiltOn;

UPROPERTY()
FString TileName;
  1. 编译您的代码。

  2. 在编辑器中,基于Actor创建一个新的蓝图类。将其命名为Tile外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. Tile的蓝图编辑器中,向蓝图添加一个新变量。检查您可以创建为变量的类型列表,并验证TileType是否不在其中。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. BlueprintType添加到UCLASS宏中,如下所示:

UCLASS(BlueprintType)
class UE4COOKBOOK_API UTileType : public UObject
{
}
  1. 重新编译项目,然后返回到Tile蓝图编辑器。

  2. 现在,当您向角色添加新变量时,可以选择TileType作为新变量的类型。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. 我们现在已经建立了TileTileType之间的“有一个”关系。

  4. 现在,TileType是一个可以用作函数参数的蓝图类型。在您的Tile蓝图上创建一个名为SetTileType的新函数。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 添加一个新的输入:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 将输入参数的类型设置为TileType外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  7. 您可以将我们的Type变量拖动到视口中,并选择“设置”。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  8. SetTileTypeExec引脚和输入参数连接到Set节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它是如何工作的…

  1. 出于性能原因,虚幻假设类不需要额外的反射代码,以使类型可用于蓝图。

  2. 我们可以通过在我们的UCLASS宏中指定BlueprintType来覆盖此默认值。

  3. 包含说明符后,该类型现在可以作为蓝图中的参数或变量使用。

还有更多…

此示例显示,如果其本地代码声明包括BlueprintType,则可以在蓝图中使用类型作为函数参数。

然而,目前我们在 C++中定义的属性都无法在蓝图中访问。

本章的其他示例涉及使这些属性可访问,以便我们可以对自定义对象进行有意义的操作。

创建可以在蓝图中进行子类化的类或结构体

虽然本书侧重于 C++,但在使用虚幻引擎进行开发时,更标准的工作流程是将核心游戏功能以及性能关键代码实现为 C++,并将这些功能暴露给蓝图,以便设计师可以原型化游戏玩法,然后由程序员使用额外的蓝图功能进行重构,或者将其推回到 C++层。

其中一个最常见的任务是以这样的方式标记我们的类和结构体,以便它们对蓝图系统可见。

如何做…

  1. 使用编辑器向导创建一个新的Actor类;将其命名为BaseEnemy

  2. 将以下UPROPERTY添加到该类中:

UPROPERTY()
FString WeaponName;
UPROPERTY()
int32 MaximumHealth;
  1. 将以下类限定符添加到UCLASS宏中:
UCLASS(Blueprintable)
class UE4COOKBOOK_API ABaseEnemy : public AActor
  1. 打开编辑器并创建一个新的蓝图类。展开列表以显示所有类,并选择我们的BaseEnemyclass作为父类。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  2. 将新的蓝图命名为EnemyGoblin并在蓝图编辑器中打开它。

  3. 请注意,我们之前创建的UPROPERTY宏还不存在,因为我们尚未包含适当的标记以使它们对蓝图可见。

它是如何工作的…

  1. 前面的示例演示了BlueprintType作为类限定符的用法。BlueprintType允许将该类型用作蓝图编辑器中的类型(即,它可以是变量或函数的输入/返回值)。

  2. 然而,我们可能希望基于我们的类型创建蓝图(使用继承),而不是组合(例如将我们的类型的实例放在Actor内部)。

  3. 这就是为什么 Epic 提供了Blueprintable作为类限定符的原因。Blueprintable意味着开发人员可以将类标记为蓝图类的可继承类。

  4. 我们使用了BlueprintTypeBlueprintable而不是单个组合限定词,因为有时您可能只需要部分功能。例如,某些类应该可用作变量,但出于性能原因,不允许在蓝图中创建它们。在这种情况下,您将使用BlueprintType而不是两个限定词。

  5. 另一方面,也许我们想要使用蓝图编辑器创建新的子类,但我们不想在Actor蓝图中传递对象实例。在这种情况下,建议使用Blueprintable,但在这种情况下省略BlueprintType

  6. 与之前一样,BlueprintableBlueprintType都没有指定类中包含的成员函数或成员变量的任何信息。我们将在后面的示例中使它们可用。

创建可以在蓝图中调用的函数

将类标记为BlueprintTypeBlueprintable允许我们在蓝图中传递类的实例,或者用蓝图类对类型进行子类化,但这些限定词实际上并不涉及成员函数或变量,以及它们是否应该暴露给蓝图。

本示例向您展示了如何标记函数,以便可以在蓝图图表中调用它。

如何做…

  1. 使用编辑器创建一个新的Actor类。将该 actor 命名为SlidingDoor

  2. 将以下UPROPERTY添加到新类中:

UFUNCTION(BlueprintCallable, Category = Door)
void Open();
UPROPERTY()
bool IsOpen;

UPROPERTY()
FVector TargetLocation;
  1. 通过将以下内容添加到.cpp文件中来创建类的实现:
ASlidingDoor::ASlidingDoor()
:Super()
{
  auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cube.Cube'"));
  if (MeshAsset.Object != nullptr)
  {
    GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
    GetStaticMeshComponent()->bGenerateOverlapEvents = true;
  }
  GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
  GetStaticMeshComponent()->SetWorldScale3D(FVector(0.3, 2, 3));
  SetActorEnableCollision(true);
  IsOpen = false;
  PrimaryActorTick.bStartWithTickEnabled = true;
  PrimaryActorTick.bCanEverTick = true;
}
void ASlidingDoor::Open()
{
  TargetLocation = ActorToWorld().TransformPositionNoScale(FVector(0, 0, 200));
  IsOpen = true;
}

void ASlidingDoor::Tick(float DeltaSeconds)
{
  if (IsOpen)
  {
    SetActorLocation(FMath::Lerp(GetActorLocation(), TargetLocation, 0.05));
  }
}
  1. 编译代码并启动编辑器。

  2. 将门的副本拖动到关卡中。

  3. 确保选择了SlidingDoor实例,然后打开关卡蓝图。右键单击空白画布,展开在 Sliding Door 1 上调用函数外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 展开Door部分,然后选择Open函数。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 将执行引脚(白色箭头)从BeginPlay连接到Open节点上的白色箭头,如下图所示:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 播放您的关卡,并验证当在门实例上调用Open时,门是否按预期移动。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它的工作原理是…

  1. 在门的声明中,我们创建一个新的函数来打开门,一个布尔值来跟踪门是否已被告知打开,以及一个向量,允许我们预先计算门的目标位置。

  2. 我们还重写了Tick actor 函数,以便我们可以在每一帧上执行一些行为。

  3. 在构造函数中,我们加载立方体网格并缩放它以表示我们的门。

  4. 我们还将IsOpen设置为已知的好值false,并通过使用bCanEverTickbStartWithTickEnabled启用 actor ticking。

  5. 这两个布尔值分别控制是否可以为此 actor 启用 ticking 以及是否以启用状态开始 ticking。

  6. Open函数内部,我们计算相对于门的起始位置的目标位置。

  7. 我们还将IsOpen布尔值从false更改为true

  8. 现在IsOpen布尔值为true,在Tick函数内部,门尝试使用SetActorLocationLerp将自身移动到目标位置,以在当前位置和目标位置之间进行插值。

另请参阅

  • 第五章, 处理事件和委托,有一些与生成 actor 相关的示例

创建可以在蓝图中实现的事件

C++与 Blueprint 更紧密集成的另一种方式是创建可以在本地代码中具有 Blueprint 实现的函数。这允许程序员指定一个事件并调用它,而无需了解任何实现细节。然后可以在 Blueprint 中对该类进行子类化,并且制作团队的另一成员可以实现该事件的处理程序,而无需接触任何 C++代码。

如何操作…

  1. 创建一个名为Spotter的新StaticMeshActor类。

  2. 确保在类头文件中定义并重写以下函数:

virtual void Tick( float DeltaSeconds ) override;
UFUNCTION(BlueprintImplementableEvent)
void OnPlayerSpotted(APawn* Player);
  1. 将此代码添加到构造函数中:
PrimaryActorTick.bCanEverTick = true;
auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cone.Cone'"));
if (MeshAsset.Object != nullptr)
{
  GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
  GetStaticMeshComponent()->bGenerateOverlapEvents = true;
}
GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
GetStaticMeshComponent()->SetRelativeRotation(FRotator(90, 0, 0));
  1. 将此代码添加到Tick函数中:
Super::Tick( DeltaTime );

auto EndLocation = GetActorLocation() + ActorToWorld().TransformVector(FVector(0,0,-200));
FHitResult HitResult;
GetWorld()->SweepSingleByChannel(HitResult, GetActorLocation(), EndLocation, FQuat::Identity, ECC_Camera, FCollisionShape::MakeSphere(25), FCollisionQueryParams("Spot", true, this));
APawn* SpottedPlayer = Cast<APawn>(HitResult.Actor.Get());

if (SpottedPlayer!= nullptr)
{
  OnPlayerSpotted(SpottedPlayer);
}
DrawDebugLine(GetWorld(), GetActorLocation(), EndLocation, FColor::Red);
  1. 编译并启动编辑器。在内容浏览器中找到您的Spotter类,然后左键单击并将其拖到游戏世界中。

  2. 当您播放关卡时,您将看到红线显示Actor执行的追踪。但是,什么都不会发生,因为我们还没有实现我们的OnPlayerSpotted事件。

  3. 为了实现这个事件,我们需要创建一个Spotter的蓝图子类。

  4. 内容浏览器中右键单击Spotter,然后选择基于 Spotter 创建蓝图类。将类命名为BPSpotter外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 在蓝图编辑器中,点击My Blueprint面板的Functions部分的Override按钮:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 选择On Player Spotted外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  7. 从我们的事件的白色执行引脚上左键单击并拖动。在出现的上下文菜单中,选择并添加一个Print String节点,以便它与事件链接起来。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  8. 再次播放关卡,并验证走在Spotter正在使用的追踪前是否将字符串打印到屏幕上。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它的工作原理是…

  1. 在我们的Spotter对象的构造函数中,我们将一个基本的原始体,一个锥体,加载到我们的静态网格组件中作为视觉表示。

  2. 然后,我们旋转锥体,使其类似于指向 actor 的X轴的聚光灯。

  3. Tick函数期间,我们获取 actor 的位置,然后找到沿其本地X轴 200 个单位的点。我们使用Super::调用父类的Tick实现,以确保尽管我们进行了重写,但任何其他 tick 功能都得以保留。

  4. 通过首先获取Actor的 Actor-to-World 变换,然后使用该变换来转换指定位置的向量,将局部位置转换为世界空间位置。

  5. 变换基于根组件的方向,根组件是我们在构造函数中旋转的静态网格组件。

  6. 由于现有的旋转,我们需要旋转我们想要转换的向量。考虑到我们希望向量指向锥体底部的方向,我们希望沿着负上轴的距离,也就是说,我们希望一个形如(0,0,-d)的向量,其中d是实际的距离。

  7. 计算了我们追踪的最终位置后,我们实际上使用SweepSingleByChannel函数进行追踪。

  8. 执行扫描后,我们尝试将结果命中的Actor转换为一个 pawn。

  9. 如果转换成功,我们调用OnPlayerSpotted的可实现事件,并执行用户定义的蓝图代码。

将多播委托公开给蓝图

多播委托是一种将事件广播给多个监听订阅该事件的对象的好方法。如果你有一个生成事件的 C++模块,可能会有任意的 Actor 想要被通知到这些事件,那么多播委托尤其有价值。本示例向你展示了如何在 C++中创建一个多播委托,以便在运行时通知一组其他 Actor。

如何操作…

  1. 创建一个名为King的新的StaticMeshActor类。在类头文件中添加以下内容:
DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam(FOnKingDeathSignature, AKing*, DeadKing);
  1. 在类中添加一个新的UFUNCTION
UFUNCTION(BlueprintCallable, Category = King)
void Die();
  1. 向类中添加我们的多播委托的实例:
UPROPERTY(BlueprintAssignable)
FOnKingDeathSignature OnKingDeath;
  1. 将我们的网格初始化添加到构造函数中:
auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cone.Cone'"));
if (MeshAsset.Object != nullptr)
{
  GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
  GetStaticMeshComponent()->bGenerateOverlapEvents = true;
}
GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
  1. 实现Die函数:
void AKing::Die()
{
  OnKingDeath.Broadcast(this);
}
  1. 创建一个名为Peasant的新类,也是基于StaticMeshActor的。

  2. 在类中声明一个默认构造函数:

APeasant();
  1. 声明以下函数:
UFUNCTION(BlueprintCallable, category = Peasant)
void Flee(AKing* DeadKing);
  1. 实现构造函数:
auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cube.Cube'"));
if (MeshAsset.Object != nullptr)
{
  GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
  GetStaticMeshComponent()->bGenerateOverlapEvents = true;
}
GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
  1. .cpp文件中实现该函数:
void APeasant::Flee(AKing* DeadKing)
{
  GEngine->AddOnScreenDebugMessage(-1, 2, FColor::Red, TEXT("Waily Waily!"));
  FVector FleeVector = GetActorLocation() – DeadKing->GetActorLocation();
  FleeVector.Normalize();
  FleeVector *= 500;
  SetActorLocation(GetActorLocation() + FleeVector);
}
  1. 打开蓝图并创建一个基于APeasant的蓝图类,命名为BPPeasant

  2. 在蓝图中,点击并拖动离你的BeginPlay节点的白色(执行)引脚。输入get all,你应该会看到获取所有类的 Actor。选择该节点并放置在你的图表中。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. 将紫色(类)节点的值设置为King。你可以在搜索栏中输入king以更容易地找到该类。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 从蓝色网格(对象数组)节点拖动到空白处并放置一个获取节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 从获取节点的蓝色输出引脚处拖动,并放置一个不等(对象)节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 将不等(bool)节点的红色引脚连接到一个Branch节点,并将Branch节点的执行引脚连接到我们的Get All Actors Of Class节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  7. 将分支的True引脚连接到Bind Event to OnKing Death节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

注意

注意,你可能需要在上下文菜单中取消选中上下文敏感以使绑定事件节点可见。

  1. Bind Event节点的红色引脚拖动,并在释放鼠标左键后出现的上下文菜单中选择Add Custom Event…外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  2. 给你的事件命名,然后将白色执行引脚连接到一个名为Flee的新节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. 验证你的蓝图是否如下图所示:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 将你的King类的副本拖动到关卡中,然后在其周围以圆形添加几个BPPeasant实例。

  5. 打开关卡蓝图。在其中,从BeginPlay处拖动并添加一个Delay节点。将延迟设置为5秒。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 在关卡中选择你的King实例,在图形编辑器中右键单击。

  7. 选择Call function on King 1,并在King类别中查找一个名为Die的函数。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  8. 选择Die,然后将其执行引脚连接到延迟的输出执行引脚。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  9. 当你播放关卡时,你应该会看到国王在 5 秒后死亡,农民们都哀号并直接远离国王。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工作原理…

  1. 我们创建一个新的演员(基于StaticMeshActor方便起见,因为这样可以省去为Actor的可视化表示声明或创建静态网格组件的步骤)。

  2. 我们使用DECLARE_DYNAMIC_MULTICAST_DELEGATE_OneParam宏声明了一个动态多播委托。动态多播委托允许任意数量的对象订阅(监听)和取消订阅(停止监听),以便在广播委托时通知它们。

  3. 该宏接受多个参数-正在创建的新委托签名的类型名称,签名参数的类型,然后是签名参数的名称。

  4. 我们还在King中添加了一个函数,允许我们告诉它死亡。因为我们希望将该函数暴露给蓝图进行原型设计,所以将其标记为BlueprintCallable

  5. 我们之前使用的DECLARE_DYNAMIC_MULTICAST_DELEGATE宏只声明了一个类型,没有声明委托的实例,所以现在我们要做的是声明一个委托的实例,引用之前在调用宏时提供的类型名称。

  6. 动态多播委托可以在其UPROPERTY声明中标记为BlueprintAssignable。这告诉虚幻引擎蓝图系统可以动态地将事件分配给委托,当调用委托的Broadcast函数时将调用这些事件。

  7. 像往常一样,我们为我们的King分配一个简单的网格,以便在游戏场景中有一个可视化表示。

  8. Die函数内部,我们调用自己的委托上的Broadcast函数。我们指定委托将有一个指向死去的国王的指针作为参数,所以我们将这个指针作为参数传递给广播函数。

注意

如果你希望国王被销毁,而不是在死亡时播放动画或其他效果,你需要改变委托的声明并传入不同的类型。例如,你可以使用FVector,并直接传入死去的国王的位置,这样农民仍然可以适当地逃离。

如果没有这个,当调用Broadcast时,King指针可能是有效的,但在执行绑定函数之前,调用Actor::Destroy()会使其无效。

  1. 在我们的下一个StaticMeshActor子类Peasant中,我们像往常一样初始化静态网格组件,使用了与King不同的形状。

  2. 在农民的Flee函数的实现中,我们通过在屏幕上打印一条消息来模拟农民发出声音。

  3. 然后,我们计算一个向量,首先找到从死去的国王到这个农民位置的向量。

  4. 我们将向量归一化以获得指向相同方向的单位向量(长度为 1)。

  5. 通过缩放归一化向量并将其添加到当前位置,可以计算出一个固定距离的位置,正好是农民直接远离死去的国王的方向。

  6. 然后使用SetActorLocation来实际将农民传送到该位置。

注意

如果你使用带有 AI 控制器的角色,你可以让Peasant寻路到目标位置,而不是瞬间传送。或者,你可以在农民的Tick中使用Lerp函数来使它们平滑滑动,而不是直接跳到位置。

另请参阅

  • 在第四章中查看有关演员和组件的更详细讨论,第五章中讨论了诸如NotifyActorOverlap之类的事件。

创建可以在蓝图中使用的 C++枚举

枚举通常在 C++中用作标志或输入到 switch 语句中。然而,如果你想要从蓝图向 C++传递一个“枚举”值,或者从 C++向蓝图传递一个“枚举”值,该怎么办?或者,如果你想在蓝图中使用一个使用 C++中的“枚举”的switch语句,你如何让蓝图编辑器知道你的“枚举”应该在编辑器中可访问?本教程向你展示了如何使枚举在蓝图中可见。

如何操作…

  1. 使用编辑器创建一个名为Tree的新的StaticMeshActor类。

  2. 在类声明之前插入以下代码:

UENUM(BlueprintType)
enum TreeType
{
  Tree_Poplar,
  Tree_Spruce,
  Tree_Eucalyptus,
  Tree_Redwood
};
  1. Tree类中添加以下UPROPERTY
UPROPERTY(BlueprintReadWrite)
TEnumAsByte<TreeType> Type;
  1. Tree构造函数中添加以下内容:
auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cylinder.Cylinder'"));
if (MeshAsset.Object != nullptr)
{
  GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
  GetStaticMeshComponent()->bGenerateOverlapEvents = true;
}
GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
  1. 创建一个名为MyTree的新蓝图类,基于Tree

  2. MyTree的蓝图编辑器中,点击“构造脚本”选项卡。

  3. 在空白窗口中右键点击,输入treetype。有一个“获取 TreeType 中的条目数”节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 放置它,然后将其输出引脚连接到一个“随机整数”节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 将随机整数的输出连接到ToByte节点的输入。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 在蓝图面板的“变量”部分,展开“Tree”并选择“Type”。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  7. 将其拖入图中,并在出现小的上下文菜单时选择“Set”。

  8. ToByte节点的输出连接到“SET 类型”节点的输入。你会看到一个额外的转换节点自动出现。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  9. 最后,将“构造脚本”的执行引脚连接到“SET 类型”节点的执行引脚。

  10. 你的蓝图应该如下所示:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  11. 为了验证蓝图是否正确运行并随机分配类型给我们的树,我们将在事件图中添加一些节点。

  12. 在“Event BeginPlay”事件节点之后放置一个“打印字符串”节点。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  13. 放置一个“格式文本”节点,并将其输出连接到“打印字符串”节点的输入。一个转换节点将会被添加给你。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  14. 在“格式文本”节点中,将“My Type is {0}!”添加到文本框中。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  15. 从蓝图的变量部分拖动Type到图中,从菜单中选择“Get”。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  16. 将一个“Enum to Name”节点添加到Type的输出引脚。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  17. 将名称输出连接到标记为0的“格式文本”的输入引脚。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  18. 你的事件图现在应该如下所示:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  19. 将几个副本的蓝图拖入关卡并点击“播放”。你应该看到一些树打印有关它们类型的信息,验证了我们创建的蓝图代码随机分配类型的功能。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工作原理…

  1. 和往常一样,我们使用StaticMeshActor作为我们的Actor的基类,以便我们可以在关卡中轻松地给它一个可视化表示。

  2. 使用UENUM宏将枚举类型暴露给反射系统。

  3. 我们使用BlueprintType修饰符将“枚举”标记为蓝图可用。

  4. “枚举”声明与我们在任何其他上下文中使用的方式完全相同。

  5. 我们的Tree需要一个TreeType。因为我们想要体现的关系是树具有树类型,所以我们在Tree类中包含了一个TreeType的实例。

  6. 和往常一样,我们需要使用UPROPERTY()使成员变量对反射系统可访问。

  7. 我们使用BlueprintReadWrite修饰符来标记该属性在蓝图中具有获取和设置的支持。

  8. 当在UPROPERTY中使用时,枚举类型需要被包装在TEnumAsByte模板中,因此我们声明一个TEnumAsByte<TreeType>的实例作为树的Type变量。

  9. Tree的构造函数只是标准的加载和初始化我们在其他示例中使用的静态网格组件前导。

  10. 我们创建一个继承自我们的Tree类的蓝图,以便我们可以演示TreeType enum的蓝图可访问性。

  11. 为了使蓝图在创建实例时随机分配树的类型,我们需要使用蓝图的Construction Script

  12. Construction Script中,我们计算TreeType enum中的条目数。

  13. 我们生成一个随机数,并将其作为TreeType enum类型中的索引来检索一个值,将其存储为我们的Type

  14. 然而,随机数节点返回整数。在蓝图中,枚举类型被视为字节,因此我们需要使用ToByte节点,然后蓝图可以将其隐式转换为enum值。

  15. 现在,我们已经在Construction Script中为创建的树实例分配了一个类型,我们需要在运行时显示树的类型。

  16. 我们通过连接到事件图表选项卡中的BeginPlay事件附加的图表来实现。

  17. 要在屏幕上显示文本,我们使用Print String节点。

  18. 为了执行字符串替换并将我们的类型打印为可读字符串,我们使用Format Text节点。

  19. Format Text节点接受用花括号括起来的术语,并允许您替换这些术语的其他值,返回最终的字符串。

  20. 将我们的Type替换到Format Text节点中,我们需要将变量存储从enum值转换为实际值的名称。

  21. 我们可以通过访问我们的Type变量,然后使用Enum to Name节点来实现。

  22. Name或本机代码中的FNames是一种可以由蓝图转换为字符串的变量类型,因此我们可以将我们的Name连接到Format Text节点的输入上。

  23. 当我们点击播放时,图表执行,检索放置在关卡中的树实例的类型,并将名称打印到屏幕上。

在编辑器中的不同位置编辑类属性

在使用虚幻引擎进行开发时,程序员通常会在 C++中为 Actor 或其他对象实现属性,并使其对设计师可见。然而,有时候查看属性或使其可编辑是有意义的,但仅在对象的默认状态下。有时,属性只能在运行时进行修改,其默认值在 C++中指定。幸运的是,有一些修饰符可以帮助我们限制属性的可用性。

如何操作…

  1. 在编辑器中创建一个名为PropertySpecifierActor的新Actor类。

  2. 将以下属性定义添加到类中:

UPROPERTY(EditDefaultsOnly)
bool EditDefaultsOnly;
UPROPERTY(EditInstanceOnly)
bool EditInstanceOnly;
UPROPERTY(EditAnywhere)
bool EditAnywhere;
UPROPERTY(VisibleDefaultsOnly)
bool VisibleDefaultsOnly;
UPROPERTY(VisibleInstanceOnly)
bool VisibleInstanceOnly;
UPROPERTY(VisibleAnywhere)
bool VisibleAnywhere;
  1. 编译代码并启动编辑器。

  2. 在编辑器中基于该类创建一个新的蓝图。

  3. 打开蓝图,查看Class Defaults部分。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 请注意哪些属性是可编辑和可见的。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 在关卡中放置实例,并查看它们的Details面板。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  6. 请注意,可编辑的属性集不同。

它是如何工作的…

  1. 在指定UPROPERTY时,我们可以指示我们希望该值在虚幻编辑器中的哪个位置可用。

  2. Visible*前缀表示该值可以在指定对象的Details面板中查看。但是,该值不可编辑。

  3. 这并不意味着变量是const限定符;然而,本机代码可以更改值,例如。

  4. Edit*前缀表示该属性可以在编辑器中的Details面板中进行更改。

  5. 作为后缀的InstanceOnly表示该属性仅在已放置到游戏中的类的实例的“详细信息”面板中显示。例如,在蓝图编辑器的“类默认”部分中将不可见。

  6. DefaultsOnlyInstanceOnly的反义词 - UPROPERTY仅显示在“类默认部分”中,并且无法在蓝图编辑器中的单个实例上查看。

  7. 后缀Anywhere是前两个后缀的组合 - UPROPERTY将在检查对象的默认值或级别中的特定实例的所有“详细信息”面板中可见。

另请参阅

  • 这个配方使得所讨论的属性在检视器中可见,但不允许在实际的蓝图事件图中引用该属性。请参阅下一个配方,了解如何实现这一点的描述。

使属性在蓝图编辑器图中可访问

前一个配方中提到的限定词都很好,但它们只控制了UPROPERTY在“详细信息”面板中的可见性。默认情况下,即使适当使用这些限定词,也无法在实际的编辑器图中查看或访问UPROPERTY以供运行时使用。

其他限定词可以选择与前一个配方中的限定词一起使用,以允许在事件图中与属性交互。

操作方法…

  1. 使用编辑器向导创建一个名为BlueprintPropertyActor的新Actor类。

  2. 使用 Visual Studio 将以下UPROPERTY添加到 Actor 中:

UPROPERTY(BlueprintReadWrite, Category = Cookbook)
bool ReadWriteProperty;
UPROPERTY(BlueprintReadOnly, Category = Cookbook)
bool ReadOnlyProperty;
  1. 编译项目并启动编辑器。

  2. 创建一个基于你的“BlueprintPropertyActor”的蓝图类,并打开其图表。

  3. 验证属性在“我的蓝图”面板的“变量”部分下的“Cookbook”类别下可见。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 左键单击并将 ReadWrite 属性拖入事件图中,然后选择Get外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 重复上一步并选择Set

  6. ReadOnly属性拖入图表中,并注意Set节点被禁用。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工作原理…

  1. 作为UPROPERTY限定词的BlueprintReadWrite指示虚幻头文件工具应为蓝图公开该属性的GetSet操作。

  2. BlueprintReadOnly是一个只允许蓝图检索属性值而不允许设置的限定词。

  3. 当属性由本地代码设置但应在蓝图中访问时,BlueprintReadOnly非常有用。

  4. 应该注意的是,BlueprintReadWriteBlueprintReadOnly并没有指定属性在“详细信息”面板或编辑器的“我的蓝图”部分中是否可访问 - 这些限定词只控制用于蓝图图表中的 getter/setter 节点的生成。

响应编辑器中属性更改事件

当设计师更改放置在级别中的Actor的属性时,通常重要的是立即显示该更改的任何视觉结果,而不仅仅在模拟或播放级别时显示。

当使用“详细信息”面板进行更改时,编辑器会发出一个特殊事件,称为PostEditChangeProperty,该事件使类实例有机会响应属性的编辑。

本配方向您展示如何处理PostEditChangeProperty以实现即时的编辑器反馈。

操作方法…

  1. 基于StaticMeshActor创建一个名为APostEditChangePropertyActor的新Actor

  2. 将以下UPROPERTY添加到类中:

UPROPERTY(EditAnywhere)
bool ShowStaticMesh;
  1. 添加以下函数定义:
virtual void PostEditChangeProperty(FPropertyChangedEvent& PropertyChangedEvent) override;
  1. 将以下内容添加到类构造函数中:
auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cone.Cone'"));
if (MeshAsset.Object != nullptr)
{
  GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
  GetStaticMeshComponent()->bGenerateOverlapEvents = true;
}
GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
ShowStaticMesh = true;
  1. 实现PostEditChangeProperty
void APostEditChangePropertyActor::PostEditChangeProperty(FPropertyChangedEvent& PropertyChangedEvent)
{
  if (PropertyChangedEvent.Property != nullptr)
  {
    const FName PropertyName(PropertyChangedEvent.Property->GetFName());
    if (PropertyName == GET_MEMBER_NAME_CHECKED(APostEditChangePropertyActor, ShowStaticMesh))
    {
      if (GetStaticMeshComponent() != nullptr)
      {
        GetStaticMeshComponent()->SetVisibility(ShowStaticMesh);
      }
    }
  }
  Super::PostEditChangeProperty(PropertyChangedEvent);
}
  1. 编译代码并启动编辑器。

  2. 将类的实例拖入游戏世界,并验证切换ShowStaticMesh的布尔值是否切换编辑器视口中网格的可见性。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它的工作原理是…

  1. 我们基于StaticMeshActor创建一个新的Actor,以便通过静态网格轻松访问可视化表示。

  2. 添加UPROPERTY以提供我们要更改的属性,以触发PostEditChangeProperty事件。

  3. PostEditChangeProperty是在Actor中定义的虚函数。

  4. 因此,我们在我们的类中重写该函数。

  5. 在我们的类构造函数中,我们像往常一样初始化我们的网格,并将我们的bool属性的默认状态设置为与其控制的组件的可见性相匹配。

  6. PostEditChangeProperty中,我们首先检查属性是否有效。

  7. 假设它是有效的,我们使用GetFName()检索属性的名称。

  8. FNames在引擎内部以唯一值的表格形式存储。

  9. 接下来,我们需要使用GET_MEMBER_NAME_CHECKED宏。该宏接受多个参数。

  10. 第一个是要检查的类的名称。

  11. 第二个参数是要检查类的属性。

  12. 宏将在编译时验证类是否包含指定名称的成员。

  13. 我们将宏返回的类成员名称与我们的属性包含的名称进行比较。

  14. 如果它们相同,那么我们验证我们的StaticMeshComponent是否正确初始化。

  15. 如果是,我们将其可见性设置为与我们的ShowStaticMesh布尔值的值相匹配。

实现本地代码构造脚本

在蓝图中,构造脚本是一个事件图,它在附加到对象上的任何属性发生更改时运行-无论是通过在编辑器视口中拖动还是通过在详细信息面板中直接输入。

构造脚本允许对象根据其新位置“重建”自身,例如,或者根据用户选择的选项更改其包含的组件。

在使用虚幻引擎进行 C++编码时,等效的概念是OnConstruction函数。

如何实现…

  1. 创建一个名为AOnConstructionActor的新Actor,基于StaticMeshActor

  2. 将以下UPROPERTY添加到类中:

UPROPERTY(EditAnywhere)
bool ShowStaticMesh;
  1. 添加以下函数定义:
virtual void OnConstruction(const FTransform& Transform) override;
  1. 将以下内容添加到类构造函数中:
auto MeshAsset = ConstructorHelpers::FObjectFinder<UStaticMesh>(TEXT("StaticMesh'/Engine/BasicShapes/Cone.Cone'"));
if (MeshAsset.Object != nullptr)
{
  GetStaticMeshComponent()->SetStaticMesh(MeshAsset.Object);
  GetStaticMeshComponent()->bGenerateOverlapEvents = true;
}
GetStaticMeshComponent()->SetMobility(EComponentMobility::Movable);
ShowStaticMesh = true;
  1. 实现OnConstruction
void AOnConstructionActor::OnConstruction(const FTransform& Transform)
{
  GetStaticMeshComponent()->SetVisibility(ShowStaticMesh);
}
  1. 编译代码并启动编辑器。

  2. 将类的实例拖动到游戏世界中,并验证切换ShowStaticMesh布尔值是否切换编辑器视口中网格的可见性。

  3. 如果 C++的 Actor 被移动,目前OnConstruction不会运行。

  4. 为了测试这个,将断点放在你的OnConstruction函数中,然后将你的 Actor 移动到关卡中。

提示

要设置断点,请将光标放在所需行上,然后在 Visual Studio 中按下F9

  1. 您会注意到该函数不会被调用,但是如果切换ShowStaticMesh布尔值,它会被调用,从而触发断点。

注意

为了了解原因,请查看AActor::PostEditMove

UBlueprint* Blueprint = Cast<UBlueprint>(GetClass()->ClassGeneratedBy);
if(Blueprint && (Blueprint->bRunConstructionScriptOnDrag || bFinished) && !FLevelUtils::IsMovingLevel() )
{
  FNavigationLockContext NavLock(GetWorld(), ENavigationLockReason::AllowUnregister);
  RerunConstructionScripts();
}

这里的顶行将当前对象的UClass转换为UBlueprint,并且只有在类是蓝图时才会运行构造脚本和OnConstruction

它的工作原理是…

  1. 我们基于StaticMeshActor创建一个新的 Actor,以便通过静态网格轻松访问可视化表示。

  2. 添加UPROPERTY以提供我们要更改的属性-以触发PostEditChangeProperty事件。

  3. OnConstruction是在 Actor 中定义的虚函数。

  4. 因此,我们在我们的类中重写该函数。

  5. 在我们的类构造函数中,我们像往常一样初始化我们的网格,并将我们的bool属性的默认状态设置为与其控制的组件的可见性相匹配。

  6. OnConstruction中,Actor 使用任何需要进行重建的属性来重建自身。

  7. 对于这个简单的示例,我们将网格的可见性设置为与我们的ShowStaticMesh属性的值相匹配。

  8. 这也可以扩展到根据ShowStaticMesh变量的值更改其他值。

  9. 您会注意到,与前一个示例中使用PostEditChangeProperty显式过滤特定属性更改不同。

  10. OnConstruction脚本会在对象上的每个属性发生更改时完整运行。

  11. 它无法测试刚刚编辑的属性,因此您需要谨慎地将计算密集型代码放在其中。

创建一个新的编辑器模块

以下示例都与编辑器模式特定代码和引擎模块进行交互。因此,根据惯例,创建一个仅在引擎以编辑器模式运行时加载的新模块,以便我们可以将所有仅限于编辑器的代码放在其中。

操作步骤如下:

  1. 在文本编辑器(如记事本或 Notepad++)中打开项目的.uproject文件。

  2. 将以下粗体部分添加到文件中:

{
  "FileVersion": 3,
  "EngineAssociation": "4.11",
  "Category": "",
  "Description": "",
  "Modules": [
    {
      "Name": "UE4Cookbook",
      "Type": "Runtime",
      "LoadingPhase": "Default",
      "AdditionalDependencies": [
        "Engine",
        "CoreUObject"
      ]
    },
 {
 "Name": "UE4CookbookEditor",
 "Type": "Editor",
 "LoadingPhase": "PostEngineInit",
 "AdditionalDependencies": [
 "Engine",
 "CoreUObject"
 ]
 }
  ]
}
  1. 注意第一个模块之后第二组花括号前的逗号。

  2. 在源文件夹中,使用与您在uproject文件中指定的名称相同的名称创建一个新文件夹(在本例中为"UE4CookbookEditor")。

  3. 在这个新文件夹中,创建一个名为UE4CookbookEditor.Build.cs的文件。

  4. 将以下内容插入文件中:

using UnrealBuildTool;

public class UE4CookbookEditor : ModuleRules
{
  public UE4CookbookEditor(TargetInfo Target)
  {
    PublicDependencyModuleNames.AddRange(new string[] { "Core", "CoreUObject", "Engine", "InputCore", "RHI", "RenderCore", "ShaderCore" });
    PublicDependencyModuleNames.Add("UE4Cookbook");
    PrivateDependencyModuleNames.AddRange(new string[] { "UnrealEd" });
  }
}
  1. 创建一个名为UE4CookbookEditor.h的新文件,并添加以下内容:
#pragma once
#include "Engine.h"
#include "ModuleManager.h"
#include "UnrealEd.h"

class FUE4CookbookEditorModule: public IModuleInterface
{
};
  1. 最后,创建一个名为UE4CookbookEditor.cpp的新源文件。

  2. 添加以下代码:

#include "UE4CookbookEditor.h"
IMPLEMENT_GAME_MODULE(FUE4CookbookEditorModule, UE4CookbookEditor)
  1. 最后,如果您已经打开了 Visual Studio,请关闭它,然后右键单击.uproject文件,选择生成 Visual Studio 项目文件

  2. 您应该看到一个小窗口启动,显示进度条,然后关闭。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. 现在可以启动 Visual Studio,验证 IDE 中是否可见新模块,并成功编译项目。

  4. 该模块现在已准备好进行下一组操作。

注意

在此编辑器模块中进行的代码更改不支持与运行时模块中的代码相同的热重载。如果出现提到更改生成的头文件的编译错误,请关闭编辑器,然后从 IDE 内部重新构建。

工作原理如下:

  1. Unreal 项目使用.uproject文件格式来指定有关项目的许多不同信息。

  2. 此信息用于通知头文件和构建工具关于组成此项目的模块,并用于代码生成和makefile创建。

  3. 该文件使用 JSON 样式的格式。

  4. 这些包括以下内容:

  • 项目应该在其中打开的引擎版本

  • 项目中使用的模块列表

  • 模块声明列表

  1. 每个模块声明都包含以下内容:
  • 模块的名称。

  • 模块的类型-它是一个编辑器模块(仅在编辑器构建中运行,可以访问仅限于编辑器的类)还是运行时模块(在编辑器和发布构建中运行)。

  • 模块的加载阶段-模块可以在程序启动的不同阶段加载。这个值指定了模块应该在哪个点加载,例如,如果有其他模块的依赖应该先加载。

  • 模块的依赖列表。这些是包含模块所依赖的导出函数或类的基本模块。

  1. 我们向uproject文件添加了一个新模块。该模块的名称是UE4CookbookEditor(按照惯例,对于编辑器模块,应该在主游戏模块后附加Editor)。

  2. 该模块被标记为编辑器模块,并设置为在基线引擎之后加载,以便可以使用在引擎代码中声明的类。

  3. 我们的模块的依赖关系暂时保持默认值。

  4. uproject文件修改为包含我们的新模块后,我们需要一个构建脚本。

  5. 构建脚本是用 C#编写的,名称为<ModuleName>.Build.cs

  6. 与 C++不同,C#不使用单独的头文件和实现文件-所有内容都在一个.cs文件中。

  7. 我们想要访问在UnrealBuildTool模块中声明的类,因此我们包含一个using语句来指示我们要访问该命名空间。

  8. 我们创建一个与我们的模块同名的public类,并继承自ModuleRules

  9. 在我们的构造函数中,我们将多个模块添加到此模块的依赖项中。

  10. 有私有依赖和公共依赖。根据ModuleRules类的代码,公共依赖是您模块的公共头文件依赖的模块。私有依赖是私有代码依赖的模块。在公共头文件和私有代码中都使用的内容应放入PublicDependencyModuleNames数组中。

  11. 请注意,我们的PublicDependencyModuleNames数组包含我们的主游戏模块。这是因为本章中的一些示例将扩展编辑器以更好地支持我们主游戏模块中定义的类。

  12. 现在,我们已经告诉构建系统通过项目文件构建新模块,并且已经指定了如何使用构建脚本构建模块,我们需要创建实际模块的 C++类。

  13. 我们创建一个包含引擎头文件、ModuleManager头文件和UnrealEd头文件的头文件。

  14. 我们包括ModuleManager,因为它定义了IModuleInterface,我们的模块将继承自该类。

  15. 我们还包括UnrealEd,因为我们正在编写一个需要访问编辑器功能的编辑器模块。

  16. 我们声明的类继承自IModuleInterface,并从通常的前缀F开始命名。

  17. .cpp文件中,我们包含了模块的头文件,然后使用IMPLEMENT_GAME_MODULE宏。

  18. IMPLEMENT_GAME_MODULE声明了一个导出的 C 函数InitializeModule(),它返回我们新模块类的实例。

  19. 这意味着 Unreal 可以简单地调用任何导出它的库上的InitializeModule()来检索对实际模块实现的引用,而不需要知道它是什么类。

  20. 添加了新模块后,我们现在需要重新构建 Visual Studio 解决方案,因此关闭 Visual Studio,然后使用上下文菜单重新生成项目文件。

  21. 重新构建项目后,新模块将在 Visual Studio 中可见,我们可以像往常一样向其添加代码。

创建新的工具栏按钮

如果您已经为编辑器创建了自定义工具或窗口,那么您可能需要一种让用户显示它的方法。最简单的方法是创建一个工具栏自定义,添加一个新的工具栏按钮,并在点击时显示您的窗口。

按照前面的示例创建一个新的引擎模块,因为我们需要它来初始化我们的工具栏自定义。

如何操作…

  1. 创建一个新的头文件,并插入以下类声明:
#pragma once
#include "Commands.h"
#include "EditorStyleSet.h"
/**
 * 
 */
class FCookbookCommands : public TCommands<FCookbookCommands>
{
  public:
  FCookbookCommands()
  :TCommands<FCookbookCommands>(FName(TEXT("UE4_Cookbook")), FText::FromString("Cookbook Commands"), NAME_None, FEditorStyle::GetStyleSetName()) 
  {
  };
  virtual void RegisterCommands() override;

  TSharedPtr<FUICommandInfo> MyButton;
};
  1. 通过在.cpp文件中放置以下内容来实现新类:
#include "UE4CookbookEditor.h"
#include "Commands.h"
#include "CookbookCommands.h"

void FCookbookCommands::RegisterCommands()
{
  #define LOCTEXT_NAMESPACE ""
  UI_COMMAND(MyButton, "Cookbook", "Demo Cookbook Toolbar Command", EUserInterfaceActionType::Button, FInputGesture());
  #undef LOCTEXT_NAMESPACE
}
  1. 在您的模块类中添加以下内容:
virtual void StartupModule() override;
virtual void ShutdownModule() override;
TSharedPtr<FExtender> ToolbarExtender;
TSharedPtr<const FExtensionBase> Extension;
void MyButton_Clicked()
{
  TSharedRef<SWindow> CookbookWindow = SNew(SWindow)
  .Title(FText::FromString(TEXT("Cookbook Window")))
  .ClientSize(FVector2D(800, 400))
  .SupportsMaximize(false)
  .SupportsMinimize(false);

  IMainFrameModule& MainFrameModule = FModuleManager::LoadModuleChecked<IMainFrameModule>(TEXT("MainFrame"));

  if (MainFrameModule.GetParentWindow().IsValid())
  {
    FSlateApplication::Get().AddWindowAsNativeChild(CookbookWindow,MainFrameModule.GetParentWindow().ToSharedRef());
  }
  else
  {
    FSlateApplication::Get().AddWindow(CookbookWindow);
  }
};
void AddToolbarExtension(FToolBarBuilder &builder)
{
  FSlateIcon IconBrush = FSlateIcon(FEditorStyle::GetStyleSetName(), "LevelEditor.ViewOptions", "LevelEditor.ViewOptions.Small");

  builder.AddToolBarButton(FCookbookCommands::Get().MyButton, NAME_None, FText::FromString("My Button"), FText::FromString("Click me to display a message"), IconBrush, NAME_None);
};
  1. 确保还#include您的命令类的头文件。

  2. 现在我们需要实现StartupModuleShutdownModule

void FUE4CookbookEditorModule::StartupModule()
{
  FCookbookCommands::Register();
  TSharedPtr<FUICommandList> CommandList = MakeShareable(new FUICommandList());
  CommandList->MapAction(FCookbookCommands::Get().MyButton, FExecuteAction::CreateRaw(this, &FUE4CookbookEditorModule::MyButton_Clicked), FCanExecuteAction());
  ToolbarExtender = MakeShareable(new FExtender());
  Extension = ToolbarExtender->AddToolBarExtension("Compile", EExtensionHook::Before, CommandList, FToolBarExtensionDelegate::CreateRaw(this, &FUE4CookbookEditorModule::AddToolbarExtension));

  FLevelEditorModule& LevelEditorModule = FModuleManager::LoadModuleChecked<FLevelEditorModule>("LevelEditor");
  LevelEditorModule.GetToolBarExtensibilityManager()->AddExtender(ToolbarExtender);
}

void FUE4CookbookEditorModule::ShutdownModule()
{
  ToolbarExtender->RemoveExtension(Extension.ToSharedRef());
  Extension.Reset();
  ToolbarExtender.Reset();
}
  1. 添加以下包含:
#include "LevelEditor.h"
#include "SlateBasics.h"
#include "MultiBoxExtender.h"
#include "Chapter8/CookbookCommands.h"
  1. 编译您的项目,并启动编辑器。

  2. 验证在主级别编辑器的工具栏上有一个新按钮,可以单击它打开一个新窗口:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它是如何工作的…

  1. Unreal 的编辑器 UI 基于命令的概念。命令是一种设计模式,允许 UI 和它需要执行的操作之间的耦合度较低。

  2. 为了创建一个包含一组命令的类,需要继承自TCommands

  3. TCommands是一个模板类,利用了奇异递归模板模式CRTP)。CRTP 在Slate UI 代码中常用作创建编译时多态的一种方式。

  4. FCookbookCommands构造函数的初始化列表中,我们调用父类构造函数,传入多个参数。

  5. 第一个参数是命令集的名称,是一个简单的FName

  6. 第二个参数是一个工具提示/可读字符串,因此使用FText,以便在需要时支持本地化。

  7. 如果有一个命令的父组,第三个参数包含组的名称。否则,它包含NAME_None

  8. 构造函数的最后一个参数是包含命令集将使用的任何命令图标的 Slate 样式集。

  9. RegisterCommands()函数允许TCommands派生类创建它们所需的任何命令对象。从该函数返回的FUICommandInfo实例存储在Commands类中作为成员,以便可以将 UI 元素或函数绑定到命令上。

  10. 这就是为什么我们有一个成员变量TSharedPtr<FUICommandInfo> MyButton

  11. 在类的实现中,我们只需要在RegisterCommands中创建我们的命令。

  12. UI_COMMAND宏用于创建FUICommandInfo的实例,即使只是一个空的默认命名空间,也需要定义一个本地化命名空间。

  13. 因此,即使我们不打算使用本地化,我们仍需要用#defines来封装我们的UI_COMMAND调用,以设置LOCTEXT_NAMESPACE的有效值。

  14. 实际的UI_COMMAND宏接受多个参数。

  15. 第一个参数是用来存储FUICommandInfo的变量。

  16. 第二个参数是一个可读的命令名称。

  17. 第三个参数是命令的描述。

  18. 第四个参数是EUserInterfaceActionType。这个枚举实际上指定了正在创建的按钮的类型。它支持ButtonToggleButtonRadioButtonCheck作为有效类型。

  19. 按钮是简单的通用按钮。切换按钮存储开和关的状态。单选按钮类似于切换按钮,但与其他单选按钮分组,并且一次只能启用一个。最后,复选框在按钮旁边显示一个只读复选框。

  20. UI_COMMAND的最后一个参数是输入键组合,或者激活命令所需的键的组合。

  21. 这个参数主要用于为与该命令相关联的热键定义键组合,而不是按钮。因此,我们使用一个空的InputGesture

  22. 所以现在我们有了一组命令,但是我们还没有告诉引擎我们想要将这组命令添加到工具栏上显示的命令中。我们也还没有设置当按钮被点击时实际发生的事情。为了做到这一点,我们需要在模块开始时执行一些初始化操作,所以我们将一些代码放入StartupModule/ShutdownModule函数中。

  23. StartupModule中,我们调用之前定义的命令类上的静态Register函数。

  24. 然后,我们使用MakeShareable函数创建一个命令列表的共享指针。

  25. 在命令列表中,我们使用MapAction来创建一个映射或关联,将我们设置为FCookbookCommands的成员的UICommandInfo对象与我们希望在调用命令时执行的实际函数关联起来。

  26. 你会注意到,我们在这里没有明确设置任何关于如何调用命令的内容。

  27. 为了执行这个映射,我们调用MapAction函数。MapAction的第一个参数是一个FUICommandInfo对象,我们可以通过使用它的静态Get()方法从FCookbookCommands中检索实例来获取它。

  28. FCookbookCommands被实现为一个单例类,即一个在整个应用程序中存在的单个实例。你会在大多数地方看到这种模式——引擎中有一个可用的静态Get()方法。

  29. MapAction函数的第二个参数是一个绑定到在执行命令时要调用的函数的委托。

  30. 因为UE4CookbookEditorModule是一个原始的 C++类,而不是一个UObject,我们想要调用一个成员函数而不是一个static函数,所以我们使用CreateRaw来创建一个绑定到原始 C++成员函数的新委托。

  31. CreateRaw期望一个指向对象实例的指针,并且一个对该指针上要调用的函数的函数引用。

  32. MapAction的第三个参数是一个委托,用于调用以测试是否可以执行该操作。因为我们希望该命令始终可执行,所以我们可以使用一个简单的预定义委托,它始终返回true

  33. 通过将我们的命令与它应该调用的操作关联起来,我们现在需要告诉扩展系统我们想要向工具栏添加新的命令。

  34. 我们可以通过FExtender类来实现这一点,该类可用于扩展菜单、上下文菜单或工具栏。

  35. 我们最初创建了一个FExtender的实例作为共享指针,以便在模块关闭时我们的扩展未初始化。

  36. 然后,我们在我们的新扩展器上调用AddToolBarExtension,将结果存储在共享指针中,以便在模块未初始化时将其移除。

  37. AddToolBarExtension的第一个参数是我们要添加扩展的扩展点的名称。

  38. 要找到我们要放置扩展的位置,我们首先需要在编辑器 UI 中打开扩展点的显示。

  39. 为此,请在编辑器的Edit菜单中打开Editor Preferences外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  40. 打开General | Miscellaneous,然后选择Display UIExtension Points外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  41. 重新启动编辑器,您应该会看到覆盖在编辑器 UI 上的绿色文本,如下面的屏幕截图所示:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  42. 绿色文本表示UIExtensionPoint,文本的值是我们应该提供给AddToolBarExtension函数的字符串。

  43. 在本示例中,我们将在Compile扩展点中添加我们的扩展,但是当然,您可以使用任何其他您希望的扩展点。

  44. 重要的是要注意,将工具栏扩展添加到菜单扩展点将会静默失败,反之亦然。

  45. AddToolBarExtension的第二个参数是相对于指定的扩展点的位置锚点。我们选择了FExtensionHook::Before,所以我们的图标将显示在编译点之前。

  46. 下一个参数是包含映射操作的命令列表。

  47. 最后,最后一个参数是一个委托,负责将 UI 控件实际添加到我们之前指定的扩展点和锚点的工具栏上。

  48. 委托绑定到一个具有形式 void(*func)(FToolBarBuilderbuilder)的函数。在这个实例中,它是我们模块类中定义的一个名为AddToolbarExtension的函数。

  49. 当调用该函数时,调用在作为函数参数传入的FToolBarBuilder实例上的命令,添加 UI 元素将将这些元素应用到我们指定的 UI 位置。

  50. 最后,我们需要在此函数中加载级别编辑器模块,以便我们可以将我们的扩展器添加到级别编辑器中的主工具栏中。

  51. 通常情况下,我们可以使用ModuleManager加载一个模块并返回对它的引用。

  52. 有了这个引用,我们可以获取模块的工具栏扩展性管理器,并告诉它添加我们的扩展器。

  53. 虽然一开始可能会感到繁琐,但这样做的目的是允许您将相同的工具栏扩展应用于不同模块中的多个工具栏,以便在不同的编辑器窗口之间创建一致的 UI 布局。

  54. 当然,初始化我们的扩展的对应操作是在模块卸载时将其移除。为此,我们从扩展器中移除我们的扩展,然后将 Extender 和扩展的共享指针置空,以回收它们的内存分配。

  55. AddToolBarExtension函数在编辑器模块中负责实际将 UI 元素添加到工具栏中,这些 UI 元素可以调用我们的命令。

  56. 它通过在传入的FToolBarBuilder实例上调用函数来实现这一点。

  57. 首先,我们使用FSlateIcon构造函数为我们的新工具栏按钮获取适当的图标。

  58. 有了加载的图标,我们在builder实例上调用AddToolBarButton

  59. AddToolbarButton有许多参数。

  60. 第一个参数是要绑定的命令 - 您会注意到它与我们之前绑定操作到命令时访问的MyButton成员相同。

  61. 第二个参数是我们之前指定的扩展挂钩的覆盖,但我们不想覆盖它,所以我们可以使用NAME_None

  62. 第三个参数是我们创建的新按钮的标签覆盖。

  63. 第四个参数是新按钮的工具提示。

  64. 倒数第二个参数是按钮的图标,最后一个参数是用于引用此按钮元素以支持突出显示的名称,如果您希望使用编辑器内教程框架。

创建新菜单项

创建新菜单项的工作流程与创建新工具栏按钮的工作流程几乎相同,因此本教程将在前一个教程的基础上进行构建,并向您展示如何将其中创建的命令添加到菜单而不是工具栏。

操作步骤…

  1. 在您的module类中创建一个新函数:
void AddMenuExtension(FMenuBuilder &builder)
{
  FSlateIcon IconBrush = FSlateIcon(FEditorStyle::GetStyleSetName(), "LevelEditor.ViewOptions", "LevelEditor.ViewOptions.Small");

  builder.AddMenuEntry(FCookbookCommands::Get().MyButton);
};
  1. StartupModule函数中找到以下代码:
Extension = ToolbarExtender->AddToolBarExtension("Compile", EExtensionHook::Before, CommandList, FToolBarExtensionDelegate::CreateRaw(this, &FUE4CookbookEditorModule::AddToolbarExtension));
LevelEditorModule.GetToolBarExtensibilityManager()->AddExtender(ToolbarExtender);
  1. 用以下代码替换前面的代码:
Extension = ToolbarExtender->AddMenuExtension("LevelEditor", EExtensionHook::Before, CommandList, FMenuExtensionDelegate::CreateRaw(this, &FUE4CookbookEditorModule::AddMenuExtension));
LevelEditorModule.GetMenuExtensibilityManager()->AddExtender(ToolbarExtender);
  1. 编译代码并启动编辑器。

  2. 验证现在在Window菜单下是否有一个菜单项,当单击时显示Cookbook窗口。如果您按照前面的教程操作,您还将看到列出 UI 扩展点的绿色文本,包括我们在此教程中使用的扩展点(LevelEditor)。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工作原理如下…

  1. 您会注意到ToolbarExtender的类型是FExtender而不是FToolbarExtenderFMenuExtender

  2. 通过使用通用的FExtender类而不是特定的子类,框架允许您创建一系列可以用于菜单或工具栏的命令-函数映射。实际添加 UI 控件的委托(在本例中为AddMenuExtension)可以将这些控件链接到您的FExtender中的一部分命令。

  3. 这样,您就不需要为不同类型的扩展创建不同的TCommands类,并且可以将命令放入单个中央类中,而不管这些命令从 UI 的哪个位置调用。

  4. 因此,唯一需要的更改如下:

  5. AddToolBarExtension的调用与AddMenuExtension交换。

  6. 创建一个可以绑定到FMenuExtensionDelegate而不是FToolbarExtensionDelegate的函数。

  7. 将扩展器添加到菜单扩展性管理器而不是工具栏扩展性管理器。

创建一个新的编辑器窗口

自定义编辑器窗口在您具有具有用户可配置设置的新工具或希望向使用您的自定义编辑器的人显示一些信息时非常有用。

在开始之前,请确保按照本章前面的教程创建了一个编辑器模块。

阅读创建新菜单项创建新工具栏按钮的任一教程,以便您可以在编辑器中创建一个按钮,该按钮将启动我们的新窗口。

操作步骤…

  1. 在命令的绑定函数中,添加以下代码:
TSharedRef<SWindow> CookbookWindow = SNew(SWindow)
.Title(FText::FromString(TEXT("Cookbook Window")))
.ClientSize(FVector2D(800, 400))
.SupportsMaximize(false)
.SupportsMinimize(false)
[
  SNew(SVerticalBox)
  +SVerticalBox::Slot()
  .HAlign(HAlign_Center)
  .VAlign(VAlign_Center)
  [
    SNew(STextBlock)
    .Text(FText::FromString(TEXT("Hello from Slate")))
  ]
];
IMainFrameModule& MainFrameModule = FModuleManager::LoadModuleChecked<IMainFrameModule>(TEXT("MainFrame"));

if (MainFrameModule.GetParentWindow().IsValid())
{
  FSlateApplication::Get().AddWindowAsNativeChild(CookbookWindow, MainFrameModule.GetParentWindow().ToSharedRef());
}
else
{
  FSlateApplication::Get().AddWindow(CookbookWindow);
}
  1. 编译代码并启动编辑器。

  2. 当您激活您创建的命令时,无论是选择自定义菜单选项还是您添加的工具栏选项,您都应该看到窗口已显示在中间的一些居中文本中:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工作原理如下…

  1. 如自解释,您的新编辑器窗口不会自行显示,因此,在本教程开始时提到,您应该实现一个自定义菜单或工具栏按钮或控制台命令,我们可以使用它来触发显示我们的新窗口。

  2. 所有 Slate 的小部件通常以TSharedRef<>TSharedPtr<>的形式进行交互。

  3. SNew()函数返回一个以请求的小部件类为模板的TSharedRef

  4. 正如本章其他地方提到的,Slate 小部件有许多它们实现的函数,这些函数都返回调用该函数的对象。这允许在创建时使用方法链来配置对象。

  5. 这就是允许使用 Slate 语法<Widget>.Property(Value).Property(Value)的原因。

  6. 在这个示例中,我们设置的小部件属性包括窗口标题、窗口大小以及窗口是否可以最大化和最小化。

  7. 一旦小部件上的所有必需属性都被设置好,括号运算符([])可以用来指定要放置在小部件内部的内容,例如,在按钮内部放置图片或标签。

  8. SWindow是一个顶级小部件,只有一个用于子小部件的 slot,所以我们不需要为它自己添加一个 slot。我们通过在括号内创建内容来将内容放入该 slot 中。

  9. 我们创建的内容是SVerticalBox,它是一个可以有任意数量的子小部件的小部件,这些子小部件以垂直列表的形式显示。

  10. 对于我们想要放置在垂直列表中的每个小部件,我们需要创建一个slot

  11. 做到这一点最简单的方法是使用重载的+运算符和SVerticalBox::Slot()函数。

  12. Slot()返回一个像其他小部件一样的小部件,所以我们可以像在SWindow上设置属性一样在其上设置属性。

  13. 这个示例使用HAlignVAlign来使 Slot 的内容在水平和垂直轴上居中。

  14. Slot有一个单独的子小部件,并且它是在[]运算符中创建的,就像对于SWindow一样。

  15. Slot内容中,我们创建了一个带有一些自定义文本的文本块。

  16. 我们的新SWindow现在已经添加了其子小部件,但还没有显示出来,因为它还没有添加到窗口层级中。

  17. 主框架模块用于检查是否有顶级编辑器窗口,如果存在,则将我们的新窗口添加为子窗口。

  18. 如果没有顶级窗口要作为子窗口添加,那么我们可以使用 Slate 应用程序单例将我们的窗口添加到没有父窗口的情况下。

  19. 如果你想要查看我们创建的窗口的层次结构,你可以使用 Slate 小部件反射器,它可以通过窗口 | 开发者工具 | 小部件反射器访问。

  20. 如果你选择选择实时小部件,并将光标悬停在我们自定义窗口中央的文本上,你将能够看到包含我们自定义小部件的SWindow的层次结构。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

另请参阅

  • 第九章,“用户界面 - UI 和 UMG”,讲解了 UI,并且会向你展示如何向你的新自定义窗口添加额外的元素。

创建一个新的资产类型

在项目的某个时候,你可能需要创建一个新的自定义资产类,例如,用于在 RPG 中存储对话数据的资产。

为了正确地将它们与内容浏览器集成,你需要创建一个新的资产类型。

如何操作…

  1. 创建一个基于UObject的自定义资产:
#pragma once

#include "Object.h"
#include "MyCustomAsset.generated.h"

/**
 * 
 */
UCLASS()
class UE4COOKBOOK_API UMyCustomAsset : public UObject
{
  GENERATED_BODY()
  public:
  UPROPERTY(EditAnywhere, Category = "Custom Asset")
  FString Name;
};
  1. 创建一个名为UCustomAssetFactory的类,基于UFactory,并重写FactoryCreateNew方法:
#pragma once

#include "Factories/Factory.h"
#include "CustomAssetFactory.generated.h"

/**
 * 
 */
UCLASS()
class UE4COOKBOOK_API UCustomAssetFactory : public UFactory
{
  GENERATED_BODY()

  public:
  UCustomAssetFactory();

  virtual UObject* FactoryCreateNew(UClass* InClass, UObject* InParent, FName InName, EObjectFlags Flags, UObject* Context, FFeedbackContext* Warn, FName CallingContext) override;
};
  1. 实现这个类:
#include "UE4Cookbook.h"
#include "MyCustomAsset.h"
#include "CustomAssetFactory.h"

UCustomAssetFactory::UCustomAssetFactory()
:Super()
{
  bCreateNew = true;
  bEditAfterNew = true;
  SupportedClass = UMyCustomAsset::StaticClass();
}

UObject* UCustomAssetFactory::FactoryCreateNew(UClass* InClass, UObject* InParent, FName InName, EObjectFlags Flags, UObject* Context, FFeedbackContext* Warn, FName CallingContext)
{
  auto NewObjectAsset = NewObject<UMyCustomAsset>(InParent, InClass, InName, Flags);
  return NewObjectAsset;
}
  1. 编译你的代码,并打开编辑器。

  2. 内容浏览器中右键单击,在创建高级资产部分的杂项选项卡下,你应该能够看到你的新类,并能够创建你的新自定义类型的实例。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它的工作原理是…

  1. 第一个类是实际在游戏运行时存在的对象。它可以是纹理、数据文件或曲线数据,根据你的需求而定。

  2. 对于这个示例,最简单的例子是一个具有FString属性来存储名称的资产。

  3. 该属性被标记为UPROPERTY,以便它保留在内存中,并且额外标记为EditAnywhere,以便在默认对象和其实例上都可以编辑它。

  4. 第二个类是Factory。虚幻使用Factory设计模式来创建资产的实例。

  5. 这意味着有一个通用的基础Factory,它使用虚拟方法来声明对象创建的接口,然后Factory的子类负责创建实际的对象。

  6. 这种方法的优点是,用户创建的子类可以在需要时实例化其自己的子类;它将决定创建哪个对象的实现细节隐藏在请求创建的对象之外。

  7. UFactory作为基类,我们包含适当的头文件。

  8. 构造函数被重写,因为在默认构造函数运行后,我们希望为新工厂设置一些属性。

  9. bCreateNew表示工厂当前能够从头开始创建对象的新实例。

  10. bEditAfterNew表示我们希望在创建后立即编辑新创建的对象。

  11. SupportedClass变量是一个包含有关工厂将创建的对象类型的反射信息的UClass的实例。

  12. 我们的UFactory子类最重要的功能是实际的工厂方法——FactoryCreateNew

  13. FactoryCreateNew负责确定应该创建的对象类型,并使用NewObject构造该类型的实例。它将以下参数传递给NewObject调用。

  14. InClass是将要构造的对象的类。

  15. InParent是应该包含将要创建的新对象的对象。如果未指定此参数,则假定对象将进入临时包,这意味着它不会自动保存。

  16. Name是要创建的对象的名称。

  17. Flags是一个位掩码,用于控制创建标志,例如使对象在其所包含的包之外可见。

  18. FactoryCreateNew中,可以根据需要决定实例化哪个子类。还可以执行其他初始化操作;例如,如果有需要手动实例化或初始化的子对象,可以在此处添加。

  19. 此函数的引擎代码示例如下:

UObject* UCameraAnimFactory::FactoryCreateNew(UClass* Class,UObject* InParent,FName Name,EObjectFlags Flags,UObject* Context,FFeedbackContext* Warn)
{
  UCameraAnim* NewCamAnim = NewObject<UCameraAnim>(InParent, Class, Name, Flags);
  NewCamAnim->CameraInterpGroup = NewObject<UInterpGroupCamera>(NewCamAnim);
  NewCamAnim->CameraInterpGroup->GroupName = Name;
  return NewCamAnim;
}
  1. 如此所示,这里有第二次调用NewObject来填充NewCamAnim实例的CameraInterpGroup成员。

另请参阅

  • 本章前面的“编辑类属性在编辑器中的不同位置”配方为EditAnywhere属性指定器提供了更多上下文。

为资产创建自定义上下文菜单项

自定义资产类型通常具有您希望能够对其执行的特殊功能。例如,将图像转换为精灵是您不希望添加到任何其他资产类型的选项。您可以为特定的资产类型创建自定义上下文菜单项,以使这些功能对用户可用。

操作步骤

  1. 创建一个基于FAssetTypeActions_Base的新类。您需要在头文件中包含AssetTypeActions_Base.h

  2. 在类中重写以下虚拟函数:

virtual bool HasActions(const TArray<UObject*>& InObjects) const override;
virtual void GetActions(const TArray<UObject*>& InObjects, FMenuBuilder& MenuBuilder) override;
virtual FText GetName() const override;
virtual UClass* GetSupportedClass() const override;

virtual FColor GetTypeColor() const override;
virtual uint32 GetCategories() override;
  1. 声明以下函数:
void MyCustomAssetContext_Clicked();
  1. .cpp文件中实现声明的函数:
bool FMyCustomAssetActions::HasActions(const TArray<UObject*>& InObjects) const
{
  return true;
}

void FMyCustomAssetActions::GetActions(const TArray<UObject*>& InObjects, FMenuBuilder& MenuBuilder)
{
  MenuBuilder.AddMenuEntry(
  FText::FromString("CustomAssetAction"),
  FText::FromString("Action from Cookbook Recipe"),
  FSlateIcon(FEditorStyle::GetStyleSetName(), "LevelEditor.ViewOptions"),
  FUIAction(
  FExecuteAction::CreateRaw(this, &FMyCustomAssetActions::MyCustomAssetContext_Clicked),
  FCanExecuteAction()));
}

uint32 FMyCustomAssetActions::GetCategories()
{
  return EAssetTypeCategories::Misc;
}
FText FMyCustomAssetActions::GetName() const
{
  return FText::FromString(TEXT("My Custom Asset"));
}
UClass* FMyCustomAssetActions::GetSupportedClass() const
{
  return UMyCustomAsset::StaticClass();
}

FColor FMyCustomAssetActions::GetTypeColor() const
{
  return FColor::Emerald;
}
voidFMyCustomAssetActions::MyCustomAssetContext_Clicked()
{
  TSharedRef<SWindow> CookbookWindow = SNew(SWindow)
  .Title(FText::FromString(TEXT("Cookbook Window")))
  .ClientSize(FVector2D(800, 400))
  .SupportsMaximize(false)
  .SupportsMinimize(false);

  IMainFrameModule& MainFrameModule = FModuleManager::LoadModuleChecked<IMainFrameModule>(TEXT("MainFrame"));

  if (MainFrameModule.GetParentWindow().IsValid())
  {
    FSlateApplication::Get().AddWindowAsNativeChild(CookbookWindow, MainFrameModule.GetParentWindow().ToSharedRef());
  }
  else
  {
    FSlateApplication::Get().AddWindow(CookbookWindow);
  }
};
  1. 在编辑器模块中,将以下代码添加到StartupModule()函数中:
IAssetTools& AssetTools = FModuleManager::LoadModuleChecked<FAssetToolsModule>("AssetTools").Get();

auto Actions =MakeShareable(new FMyCustomAssetActions);
AssetTools.RegisterAssetTypeActions(Actions);
CreatedAssetTypeActions.Add(Actions);
  1. 在模块的ShutdownModule()函数中添加以下内容:
IAssetTools& AssetTools = FModuleManager::LoadModuleChecked<FAssetToolsModule>("AssetTools").Get();

for (auto Action : CreatedAssetTypeActions)
{
  AssetTools.UnregisterAssetTypeActions(Action.ToSharedRef());
}
  1. 编译项目并启动编辑器。

  2. 内容浏览器中创建自定义资产的实例。

  3. 右键单击您的新资产,查看上下文菜单中的自定义命令。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 选择CustomAssetAction命令以显示一个新的空白编辑器窗口。

工作原理

  1. 所有特定于资产类型的上下文菜单命令的基类是FAssetTypeActions_Base,因此我们需要从该类继承。

  2. FAssetTypeActions_Base是一个抽象类,定义了一些虚拟函数,允许扩展上下文菜单。包含这些虚拟函数的原始信息的接口可以在IAssetTypeActions.h中找到。

  3. 我们还声明了一个函数,将其绑定到我们自定义的上下文菜单项。

  4. IAssetTypeActions::HasActions(const TArray<UObject*>& InObjects)是引擎代码调用的函数,用于查看我们的AssetTypeActions类是否包含可以应用于所选对象的任何操作。

  5. 如果HasActions函数返回true,则调用IAssetTypeActions::GetActions(const TArray<UObject*>& InObjects, class FMenuBuilder& MenuBuilder)。它调用MenuBuilder上的函数来为我们提供的操作创建菜单选项。

  6. IAssetTypeActions::GetName()返回此类的名称。

  7. IAssetTypeActions::GetSupportedClass()返回我们的操作类支持的UClass的实例。

  8. IAssetTypeActions::GetTypeColor()返回与此类和操作相关联的颜色。

  9. IAssetTypeActions::GetCategories()返回适用于资产的类别。这用于更改在上下文菜单中显示的操作所属的类别。

  10. 我们重写的HasActions的实现只是在所有情况下返回true,依赖于基于GetSupportedClass结果的过滤。

  11. GetActions的实现中,我们可以在作为函数参数给出的MenuBuilder对象上调用一些函数。MenuBuilder是作为引用传递的,所以我们函数所做的任何更改在函数返回后仍然存在。

  12. AddMenuEntry有一些参数。第一个参数是操作本身的名称。这个名称将在上下文菜单中可见。名称是一个FText,所以如果需要,它可以进行本地化。为了简单起见,我们从字符串字面量构造FText,不关心多语言支持。

  13. 第二个参数也是FText,我们通过调用FText::FromString来构造它。如果用户在我们的命令上悬停的时间超过一小段时间,此参数是显示在工具提示中的文本。

  14. 下一个参数是命令的FSlateIcon,它是从编辑器样式集中的LevelEditor.ViewOptions图标构造的。

  15. 这个函数的最后一个参数是一个FUIAction实例。FUIAction是一个委托绑定的包装器,所以我们使用FExecuteAction::CreateRaw将命令绑定到FMyCustomAssetActions的这个实例上的MyCustomAsset_Clicked函数。

  16. 这意味着当菜单项被点击时,我们的MyCustomAssetContext_Clicked函数将被执行。

  17. 我们的GetName的实现返回我们资产类型的名称。如果我们没有自己设置缩略图,这个字符串将用于我们的资产的缩略图上,除了在我们的自定义资产所在的菜单部分的标题中使用。

  18. 正如你所期望的,GetSupportedClass的实现返回UMyCustomAsset::StaticClass(),因为这是我们希望我们的操作作用的资产类型。

  19. GetTypeColor()返回在内容浏览器中用于颜色编码的颜色,该颜色用于资产缩略图底部的条中。我在这里使用了 Emerald,但任何任意的颜色都可以工作。

  20. 这个配方的真正工作马是MyCustomAssetContext_Clicked()函数。

  21. 这个函数的第一件事是创建一个新的SWindow实例。

  22. SWindow是 Slate 窗口,是 Slate UI 框架中的一个类。

  23. Slate 小部件使用SNew函数创建,该函数返回所请求的小部件的实例。

  24. Slate 使用builder设计模式,这意味着在SNew返回正在操作的对象的引用之后,所有链接在其后的函数都返回对该对象的引用。

  25. 在这个函数中,我们创建了我们的新SWindow,然后设置窗口标题、其客户区大小或区域以及是否可以最大化或最小化。

  26. 准备好我们的新窗口后,我们需要获取对编辑器的根窗口的引用,以便将我们的窗口添加到层次结构中并显示出来。

  27. 我们使用IMainFrameModule类来实现这一点。它是一个模块,所以我们使用模块管理器来加载它。

  28. 如果无法加载模块,LoadModuleChecked将断言,因此我们不需要检查它。

  29. 如果模块已加载,我们检查是否有一个有效的父窗口。如果该窗口有效,则使用FSlateApplication::AddWindowAsNativeChild将我们的窗口作为顶级父窗口的子窗口添加。

  30. 如果我们没有顶级父窗口,该函数将使用AddWindow将新窗口添加到层次结构中的另一个窗口而不将其作为其子窗口。

  31. 现在我们有了一个类,它将在我们的自定义 Asset 类型上显示自定义操作,但我们实际上需要告诉引擎它应该要求我们的类处理该类型的自定义操作。为了做到这一点,我们需要使用 Asset Tools 模块注册我们的类。

  32. 最好的方法是在加载编辑器模块时注册我们的类,并在关闭时取消注册。

  33. 因此,我们将代码放入StartupModuleShutdownModule函数中。

  34. StartupModule中,我们使用Module Manager加载 Asset Tools 模块。

  35. 加载模块后,我们创建一个新的共享指针,引用我们自定义的 Asset actions 类的实例。

  36. 我们只需要调用AssetModule.RegisterAssetTypeActions,并传入我们的 actions 类的实例。

  37. 然后,我们需要存储对该Actions实例的引用,以便以后可以取消注册它。

  38. 此示例代码使用一个数组来存储所有创建的 asset actions,以便我们还可以为其他类添加自定义操作。

  39. ShutdownModule中,我们再次获取 Asset Tools 模块的实例。

  40. 使用基于范围的 for 循环,我们遍历之前填充的Actions实例数组,并调用UnregisterAssetTypeActions,传入我们的Actions类以进行取消注册。

  41. 注册了我们的类后,编辑器已被指示询问我们注册的类是否可以处理右键单击的资产。

  42. 如果资产是 Custom Asset 类的实例,则其StaticClass将与GetSupportedClass返回的类匹配。然后编辑器将调用GetActions并显示由我们对该函数的实现所做的更改的菜单。

  43. 当点击CustomAssetAction按钮时,我们通过创建的委托调用我们的自定义MyCustomAssetContext_Clicked函数。

创建新的控制台命令

在开发过程中,控制台命令可以非常有用,允许开发人员或测试人员轻松绕过内容或禁用与当前运行的测试不相关的机制。最常见的实现方式是通过控制台命令,在运行时调用函数。可以使用波浪线键(~)或键盘字母数字区域左上角的等效键来访问控制台。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

准备工作

如果您还没有按照创建新的编辑器模块的步骤进行操作,请按照该步骤进行操作,因为此步骤需要一个地方来初始化和注册控制台命令。

操作步骤如下…

  1. 打开编辑器模块的头文件,并添加以下代码:
IConsoleCommand* DisplayTestCommand;
IConsoleCommand* DisplayUserSpecifiedWindow;
  1. StartupModule的实现中添加以下内容:
DisplayTestCommand = IConsoleManager::Get().RegisterConsoleCommand(TEXT("DisplayTestCommandWindow"), TEXT("test"), FConsoleCommandDelegate::CreateRaw(this, &FUE4CookbookEditorModule::DisplayWindow, FString(TEXT("Test Command Window"))), ECVF_Default);
DisplayUserSpecifiedWindow= IConsoleManager::Get().RegisterConsoleCommand(TEXT("DisplayWindow"), TEXT("test"), FConsoleCommandWithArgsDelegate::CreateLambda(
  &
  {
    FString WindowTitle;
    for (FString Arg : Args)
    {
      WindowTitle +=Arg;
      WindowTitle.AppendChar(' ');
    }
    this->DisplayWindow(WindowTitle);
  }
), ECVF_Default);
  1. ShutdownModule中,添加以下内容:
If (DisplayTestCommand)
{
  IConsoleManager::Get().UnregisterConsoleObject(DisplayTestCommand);
  DisplayTestCommand = nullptr;
}
If (DisplayUserSpecifiedWindow)
{
  IConsoleManager::Get().UnregisterConsoleObject(DisplayTestCommand);
  DisplayTestCommand = nullptr;
}
  1. 在编辑器模块中实现以下函数:
void DisplayWindow(FString WindowTitle)
{
  TSharedRef<SWindow> CookbookWindow = SNew(SWindow)
  .Title(FText::FromString(WindowTitle))
  .ClientSize(FVector2D(800, 400))
  .SupportsMaximize(false)
  .SupportsMinimize(false);
  IMainFrameModule& MainFrameModule = FModuleManager::LoadModuleChecked<IMainFrameModule>(TEXT("MainFrame"));
  if (MainFrameModule.GetParentWindow().IsValid())
  {
    FSlateApplication::Get().AddWindowAsNativeChild(CookbookWindow, MainFrameModule.GetParentWindow().ToSharedRef());
  }
  else
  {
    FSlateApplication::Get().AddWindow(CookbookWindow);
  }
}
  1. 编译代码并启动编辑器。

  2. 播放关卡,然后按下波浪线键打开控制台。

  3. 输入DisplayTestCommandWindow,然后按下Enter键。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 您应该看到我们的教程窗口打开:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

工作原理…

  1. 控制台命令通常由一个模块提供。在加载模块时,让模块创建命令的最佳方法是将代码放在StartupModule方法中。

  2. IConsoleManager是包含引擎控制台功能的模块。

  3. 由于它是核心模块的子模块,我们不需要在构建脚本中添加任何额外的信息来链接其他模块。

  4. 为了调用控制台管理器内的函数,我们需要获取对引擎正在使用的当前IConsoleManager实例的引用。为此,我们调用静态的Get函数,它返回一个对模块的引用,类似于单例模式。

  5. RegisterConsoleCommand是我们可以用来添加新的控制台命令并在控制台中使其可用的函数:

virtual IConsoleCommand* RegisterConsoleCommand(const TCHAR* Name, const TCHAR* Help, const FConsoleCommandDelegate& Command, uint32 Flags);
  1. 函数的参数如下:

  2. Name: 用户将要键入的实际控制台命令。它不应包含空格。

  3. Help: 当用户在控制台中查看命令时显示的工具提示。如果控制台命令带有参数,这是一个向用户显示用法信息的好地方。

  4. Command: 这是当用户输入命令时将执行的实际函数委托。

  5. Flags: 这些标志控制命令在发布版本中的可见性,并且也用于控制台变量。ECVF_Default指定默认行为,其中命令可见,并且在发布版本中没有可用性限制。

  6. 为了创建适当委托的实例,我们使用FConsoleCommand委托类型上的CreateRaw静态函数。这使我们可以将原始的 C++函数绑定到委托上。在函数引用之后提供的额外参数FString "Test Command Window"是一个在编译时定义的参数,传递给委托,以便最终用户不必指定窗口名称。

  7. 第二个控制台命令DisplayUserSpecifiedWindow演示了使用控制台命令参数的用法。

  8. 与此控制台命令的主要区别是,除了用户调用它的不同名称之外,还使用了FConsoleCommandWithArgsDelegate和其中的CreateLambda函数。

  9. 这个函数允许我们将一个匿名函数绑定到一个委托上。当你想要包装或适应一个函数,使其签名与特定委托的签名匹配时,它特别方便。

  10. 在我们特定的用例中,FConsoleCommandWithArgsDelegate的类型指定函数应该接受一个const TArray的 FStrings。我们的DisplayWindow函数接受一个单独的FString来指定窗口标题,所以我们需要以某种方式将控制台命令的所有参数连接成一个单独的FString来用作我们的窗口标题。

  11. lambda 函数允许我们在将FString传递给实际的DisplayWindow函数之前执行此操作。

  12. 函数的第一行&指定了这个 lambda 或匿名函数希望通过引用捕获声明函数的上下文,通过在捕获选项[&]中包含和号。

  13. 第二部分与普通函数声明相同,指定了我们的 lambda 以const TArray作为参数,其中包含名为Args的 FStrings。

  14. 在 lambda 主体中,我们创建了一个新的FString,并将组成我们参数的字符串连接在一起,它们之间添加一个空格来分隔它们,以便我们不会得到没有空格的标题。

  15. 为了简洁起见,它使用了基于范围的for循环来遍历它们并执行连接操作。

  16. 一旦它们都被连接起来,我们使用之前提到的&运算符捕获的this指针来调用DisplayWindow并传入我们的新标题。

  17. 为了在模块卸载时删除控制台命令,我们需要保持对控制台命令对象的引用。

  18. 为了实现这一点,我们在模块中创建了一个名为DisplayTestCommand的类型为IConsoleCommand*的成员变量。当我们执行RegisterConsoleCommand函数时,它返回一个指向控制台命令对象的指针,我们可以稍后用作句柄。

  19. 这使我们能够根据游戏玩法或其他因素在运行时启用或禁用控制台命令。

  20. ShutdownModule中,我们检查DisplayTestCommand是否引用有效的控制台命令对象。如果是,我们获取对IConsoleManager对象的引用,并调用UnregisterConsoleCommand,传入我们在调用RegisterConsoleCommand时存储的指针。

  21. 调用UnregisterConsoleCommand通过传入的指针删除IConsoleCommand实例,因此我们不需要自己deallocate内存,只需将DisplayTestCommand重置为nullptr,以确保旧指针不会悬空。

  22. DisplayWindow函数以FString参数形式接受窗口标题。这使我们可以使用带有参数的控制台命令来指定标题,或者使用有效负载参数来为其他命令硬编码标题。

  23. 该函数本身使用一个名为SNew()的函数来分配和创建一个SWindow对象。

  24. SWindow是一个 Slate 窗口,它是使用 Slate UI 框架的顶级窗口。

  25. Slate 使用Builder设计模式来方便配置新窗口。

  26. 这里使用的TitleClientSizeSupportsMaximizeSupportsMinimize函数都是SWindow的成员函数,并且它们返回一个SWindow的引用(通常是调用该方法的对象,但有时是使用新配置构造的新对象)。

  27. 所有这些成员方法返回配置对象的引用,使我们能够将这些方法调用链接在一起,以创建所需的配置对象。

  28. DisplayWindow中使用的函数创建了一个基于函数参数的新顶级窗口。它的宽度为 800x400 像素,不能最大化或最小化。

  29. 创建了我们的新窗口后,我们获取对主应用程序框架模块的引用。如果编辑器的顶级窗口存在且有效,我们将我们的新窗口实例作为该顶级窗口的子窗口添加。

  30. 为此,我们获取对 Slate 接口的引用,并调用AddWindowAsNativeChild将我们的窗口插入层次结构中。

  31. 如果没有有效的顶级窗口,我们不需要将我们的新窗口添加为任何窗口的子窗口,所以我们可以简单地调用AddWindow并传入我们的新窗口实例。

另请参阅

  • 有关委托的更多信息,请参阅第五章,处理事件和委托。它更详细地解释了有效负载变量。

  • 有关 Slate 的更多信息,请参阅第九章,用户界面

为蓝图创建新的图形引脚可视化器

在蓝图系统中,我们可以使用我们的MyCustomAsset类的实例作为变量,只要我们在其UCLASS宏中将该类标记为BlueprintType

然而,默认情况下,我们的新资产只是被视为UObject,我们无法访问其任何成员:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

对于某些类型的资产,我们可能希望以与FVector等类似的方式启用对字面值的内联编辑:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

为了实现这一点,我们需要使用一个Graph Pin可视化器。本教程将向您展示如何使用您定义的自定义小部件来启用任意类型的内联编辑。

如何操作…

  1. 创建一个名为MyCustomAssetPinFactory.h的新头文件。

  2. 在头文件中,添加以下代码:

#pragma once
#include "EdGraphUtilities.h"
#include "MyCustomAsset.h"
#include "SGraphPinCustomAsset.h"

struct UE4COOKBOOKEDITOR_API FMyCustomAssetPinFactory : public FGraphPanelPinFactory
{
  public:
  virtual TSharedPtr<class SGraphPin> CreatePin(class UEdGraphPin* Pin) const override 
  {
    if (Pin->PinType.PinSubCategoryObject == UMyCustomAsset::StaticClass())
    {
      return SNew(SGraphPinCustomAsset, Pin);
    }
    else
    {
      return nullptr;
    }
  };
};
  1. 创建另一个名为SGraphPinCustomAsset的头文件:
#pragma once
#include "SGraphPin.h"

class UE4COOKBOOKEDITOR_API SGraphPinCustomAsset : public SGraphPin
{
  SLATE_BEGIN_ARGS(SGraphPinCustomAsset) {}
  SLATE_END_ARGS()
  void Construct(const FArguments& InArgs, UEdGraphPin* InPin);
  protected:
  virtual FSlateColor GetPinColor() const override { return FSlateColor(FColor::Black); };
  virtual TSharedRef<SWidget> GetDefaultValueWidget() override;
  void ColorPicked(FLinearColor SelectedColor);
};
  1. .cpp文件中实现SGraphPinCustomAsset
#include "UE4CookbookEditor.h"
#include "SColorPicker.h"
#include "SGraphPinCustomAsset.h"

void SGraphPinCustomAsset::Construct(const FArguments& InArgs, UEdGraphPin* InPin)
{
  SGraphPin::Construct(SGraphPin::FArguments(), InPin);
}
TSharedRef<SWidget> SGraphPinCustomAsset::GetDefaultValueWidget()
{
  return SNew(SColorPicker)
  .OnColorCommitted(this, &SGraphPinCustomAsset::ColorPicked);
}

void SGraphPinCustomAsset::ColorPicked(FLinearColor SelectedColor)
{
  UMyCustomAsset* NewValue = NewObject<UMyCustomAsset>();
  NewValue->ColorName = SelectedColor.ToFColor(false).ToHex();
  GraphPinObj->GetSchema()->TrySetDefaultObject(*GraphPinObj, NewValue);
}
  1. #include "Chapter8/MyCustomAssetDetailsCustomization.h"添加到UE4Cookbook编辑器模块实现文件中。

  2. 将以下成员添加到编辑器模块类中:

TSharedPtr<FMyCustomAssetPinFactory> PinFactory;
  1. 将以下内容添加到StartupModule()中:
PinFactory = MakeShareable(new FMyCustomAssetPinFactory());
FEdGraphUtilities::RegisterVisualPinFactory(PinFactory);
  1. 还要将以下代码添加到ShutdownModule()中:
FEdGraphUtilities::UnregisterVisualPinFactory(PinFactory);
PinFactory.Reset();
  1. 编译代码并启动编辑器。

  2. 通过在我的蓝图面板中的函数旁边的加号符号上点击,创建一个新的函数外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  3. 添加一个输入参数。外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  4. 将其类型设置为MyCustomAsset引用):外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  5. 在关卡蓝图的事件图中,放置一个新函数的实例,并验证输入引脚现在具有自定义的可视化器,形式为颜色选择器:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它的工作原理是…

  1. 使用FGraphPanelPinFactory类来自定义蓝图引脚上对象的外观。

  2. 这个类定义了一个虚拟函数:

virtual TSharedPtr<class SGraphPin> CreatePin(class UEdGraphPin* Pin) const
  1. CreatePin函数的作用是创建图针的新的可视化表示。

  2. 它接收一个UEdGraphPin实例。UEdGraphPin包含有关图针所代表的对象的信息,以便我们的工厂类可以根据这些信息做出有根据的决策,确定应该显示哪种可视化表示。

  3. 在函数的实现中,我们检查引脚的类型是否是我们自定义的类。

  4. 我们通过查看PinSubCategoryObject属性来实现这一点,该属性包含一个UClass,并将其与我们自定义资产类关联的UClass进行比较。

  5. 如果引脚的类型符合我们的条件,我们将返回一个指向 Slate 小部件的新共享指针,这是我们对象的可视化表示。

  6. 如果引脚的类型错误,我们返回一个空指针来表示失败状态。

  7. 接下来的类SGraphPinCustomAsset是 Slate 小部件类,它是我们对象的一个字面上的可视化表示。

  8. 它继承自SGraphPin,是所有图针的基类。

  9. SGraphPinCustomAsset类有一个Construct函数,在创建小部件时调用。

  10. 它还实现了父类的一些函数:GetPinColor()GetDefaultValueWidget()

  11. 最后定义的函数是ColorPicked,用于处理用户在自定义引脚中选择颜色的情况。

  12. 在我们自定义类的实现中,我们通过调用Construct的默认实现来初始化我们的自定义引脚。

  13. GetDefaultValueWidget的作用是实际上创建我们类的自定义表示的小部件,并将其返回给引擎代码。

  14. 在我们的实现中,它创建了一个新的SColorPicker实例,我们希望用户能够选择一种颜色,并将该颜色的十六进制表示存储在我们自定义类的FString属性中。

  15. 这个SColorPicker实例有一个名为OnColorCommitted的属性,这是一个可以分配给对象实例上的函数的 slate 事件。

  16. 在返回我们的新SColorPicker之前,我们将OnColorCommitted链接到当前对象上的ColorPicked函数,以便在用户选择新颜色时调用它。

  17. ColorPicked函数接收所选颜色作为输入参数。

  18. 因为当我们关联的引脚没有连接到对象时,该小部件将被使用,所以我们不能简单地将属性设置为所需的颜色字符串。

  19. 我们需要创建我们自定义资产类的一个新实例,我们使用NewObject模板函数来实现这一点。

  20. 这个函数的行为类似于其他章节中讨论的SpawnActor函数,并在返回指针之前初始化指定类的新实例。

  21. 有了一个新的实例,我们可以设置它的ColorName属性。FLinearColors可以转换为FColor对象,它定义了一个ToHex()函数,返回一个十六进制表示所选颜色的FString

  22. 最后,我们需要将我们的新对象实例放置到图中,以便在执行图时引用它。

  23. 为了做到这一点,我们需要访问表示我们的图针对象,并使用GetSchema函数。该函数返回包含我们的针的节点所拥有的图的模式。

  24. 模式包含与图针对应的实际值,并且在图评估过程中是一个关键元素。

  25. 现在我们可以访问模式,我们可以为我们的小部件表示的针设置默认值。如果该针未连接到另一个针,该值将在图评估过程中使用,并且类似于 C++中函数定义期间提供的默认值。

  26. 与本章中我们所做的所有扩展一样,必须进行某种初始化或注册,以告诉引擎在使用其默认内置表示之前,将其委托给我们的自定义实现。

  27. 为了做到这一点,我们需要在编辑器模块中添加一个新的成员来存储我们的PinFactory类实例。

  28. StartupModule期间,我们创建一个引用我们的PinFactory类实例的新共享指针。

  29. 我们将其存储在编辑器模块的成员中,以便以后可以取消注册。然后我们调用FEdGraphUtilities::RegisterVisualPinFactory(PinFactory)来告诉引擎使用我们的PinFactory来创建可视化表示。

  30. ShutdownModule期间,我们使用UnregisterVisualPinFactory取消注册针工厂。

  31. 最后,通过在包含它的共享指针上调用Reset()来删除我们的旧PinFactory实例。

使用自定义详细面板检查类型

默认情况下,派生自UObject的 UAssets 在通用属性编辑器中打开。它的外观如下截图所示:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

然而,有时您可能希望自定义小部件允许编辑类上的属性。为了方便这一点,虚幻支持详细自定义,这是本教程的重点。

如何操作…

  1. 创建一个名为MyCustomAssetDetailsCustomization.h的新头文件。

  2. 在头文件中添加以下内容:

#include "MyCustomAsset.h"
#include "DetailLayoutBuilder.h"
#include "IDetailCustomization.h"
#include "IPropertyTypeCustomization.h"
  1. 将我们的自定义类定义如下:
class FMyCustomAssetDetailsCustomization : public IDetailCustomization
{
  public:
  virtual void CustomizeDetails(IDetailLayoutBuilder& DetailBuilder) override;
  void ColorPicked(FLinearColor SelectedColor);
  static TSharedRef<IDetailCustomization> FMyCustomAssetDetailsCustomization::MakeInstance()
  {
    return MakeShareable(new FMyCustomAssetDetailsCustomization);
  }
  TWeakObjectPtr<class UMyCustomAsset> MyAsset;
};
  1. 在实现文件中,为CustomizeDetails创建一个实现:
void FMyCustomAssetDetailsCustomization::CustomizeDetails(IDetailLayoutBuilder& DetailBuilder)
{
  const TArray< TWeakObjectPtr<UObject>>& SelectedObjects = DetailBuilder.GetDetailsView().GetSelectedObjects();
  for (int32 ObjectIndex = 0; !MyAsset.IsValid() && ObjectIndex < SelectedObjects.Num(); ++ObjectIndex)
  {
    const TWeakObjectPtr<UObject>& CurrentObject = SelectedObjects[ObjectIndex];
    if (CurrentObject.IsValid())
    {
      MyAsset = Cast<UMyCustomAsset>(CurrentObject.Get());
    }
  }
  DetailBuilder.EditCategory("CustomCategory", FText::GetEmpty(), ECategoryPriority::Important)
  .AddCustomRow(FText::GetEmpty())
  [
    SNew(SVerticalBox)
    + SVerticalBox::Slot()
    .VAlign(VAlign_Center)
    [
      SNew(SColorPicker)
      .OnColorCommitted(this, &FMyCustomAssetDetailsCustomization::ColorPicked)
    ]
  ];
}
  1. 还要创建ColorPicked的定义:
void FMyCustomAssetDetailsCustomization::ColorPicked(FLinearColor SelectedColor)
{
  if (MyAsset.IsValid())
  {
    MyAsset.Get()->ColorName = SelectedColor.ToFColor(false).ToHex();
  }
}
  1. 最后,在.cpp文件中添加以下内容:
#include "UE4CookbookEditor.h"
#include "IDetailsView.h"
#include "DetailLayoutBuilder.h"
#include "DetailCategoryBuilder.h"
#include "SColorPicker.h"
#include "SBoxPanel.h"
#include "DetailWidgetRow.h"
#include "MyCustomAssetDetailsCustomization.h"
  1. 在我们的编辑器模块头文件中,在StartupModule的实现中添加以下内容:
FPropertyEditorModule& PropertyModule = FModuleManager::LoadModuleChecked<FPropertyEditorModule>("PropertyEditor");
PropertyModule.RegisterCustomClassLayout(UMyCustomAsset::StaticClass()->GetFName(), FOnGetDetailCustomizationInstance::CreateStatic(&FMyCustomAssetDetailsCustomization::MakeInstance));
  1. 将以下内容添加到ShutdownModule中:
FPropertyEditorModule& PropertyModule = FModuleManager::LoadModuleChecked<FPropertyEditorModule>("PropertyEditor");
PropertyModule.UnregisterCustomClassLayout(UMyCustomAsset::StaticClass()->GetFName());
  1. 编译代码并启动编辑器。通过内容浏览器创建MyCustomAsset的新副本。

  2. 双击它以验证默认编辑器现在显示您的自定义布局:外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它是如何工作的…

  1. 通过IDetailCustomization接口执行详细自定义,开发人员可以从中继承,定义一个自定义显示某个类的资产的方式的类。

  2. IDetailCustomization用于允许此过程发生的主要函数是以下函数:

virtual void CustomizeDetails(IDetailLayoutBuilder& DetailBuilder) override;
  1. 在这个函数的实现中,我们使用作为参数传递的DetailBuilder上的方法来获取所有选定对象的数组。然后循环扫描这些对象,以确保至少有一个选定对象是正确类型的。

  2. 通过在DetailBuilder对象上调用方法来自定义类的表示。我们使用EditCategory函数为我们的详细视图创建一个新的类别。

  3. EditCategory函数的第一个参数是我们要操作的类别的名称。

  4. 第二个参数是可选的,并包含类别的可能本地化的显示名称。

  5. 第三个参数是类别的优先级。优先级越高,它在列表中显示得越靠前。

  6. EditCategory作为CategoryBuilder返回对类别本身的引用,允许我们在调用EditCategory时链接其他方法调用。

  7. 因此,我们在CategoryBuilder上调用AddCustomRow(),它会添加一个新的键值对以在类别中显示。

  8. 使用 Slate 语法,我们指定该行将包含一个垂直盒子,其中有一个居中对齐的插槽。

  9. 在插槽内,我们创建一个颜色选择器控件,并将其OnColorCommitted委托绑定到我们的本地ColorPicked事件处理程序上。

  10. 当然,这要求我们定义和实现ColourPicked。它具有以下签名:

void FMyCustomAssetDetailsCustomization::ColorPicked(FLinearColor SelectedColor)
  1. ColorPicked的实现中,我们检查是否有一个选定的资源是正确的类型,因为如果至少有一个选定的资源是正确的,那么MyAsset将被填充为有效值。

  2. 假设我们有一个有效的资源,我们将ColorName属性设置为用户选择的颜色对应的十六进制字符串值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值