完成本迷你教程之前,请前往完成以下迷你教程:

·实例甜点 Unreal Engine 4迷你教程之如何用C++将纹理绘制在UserWidget的Image小部件上;

目标:实现UMG中的此功能:

实例甜点 Unreal Engine 4迷你教程(2)之用C++改变Image小部件的颜色-LMLPHP

在上一次的迷你教程的LearnWidgets工程上进行(如果你不亲自动手做的话,只关注标有“重要”的部分即可粗略知道要点)。

第1步:在WidgetMng.h中加入此函数

    UFUNCTION()
void LearnImage();
实现是:
void AWidgetMng::LearnImage()
{
UImage* MyImage = Cast<UImage>(SlaveWidget->GetWidgetFromName(TEXT("MyImage")));
if (MyImage)
{
UE_LOG(LogTemp, Warning, TEXT("%s"), *FString("Learning How 2 Use C++ to Change UI"));
MyImage->SetColorAndOpacity(FLinearColor(, , , 0.5));//【本迷你教程的要点】设置image的ColorandOpacity
/*
笔者也尝试过
MyImage->ColorAndOpacity = FLinearColor(1, 0, 0, 0.5);这种方式没有效果;
*/
}
}

第2步:在LearnWidgetsCharacter中Action1的实现改为:

void ALearnWidgetsCharacter::Action1()
{
UE_LOG(LogTemp, Warning, TEXT("%s"), *FString("Action1 ing"));
ALearnWidgetsHUD* HUD = Cast<ALearnWidgetsHUD>(UGameplayStatics::GetPlayerController(this, )->GetHUD());
if (HUD->WidgetMngs.Num())
{
//HUD->WidgetMngs[0]->ChangeImage(HUD->WidgetMngs[0]->T2D);
HUD->WidgetMngs[]->LearnImage();
}
}

第3步:效果是这样的:没有按下Action1是白色块,按下之后变成红色半透明;

实例甜点 Unreal Engine 4迷你教程(2)之用C++改变Image小部件的颜色-LMLPHP

——小江村儿的文杰 [email protected] 2017年8月3日11:38:53

05-07 09:52