-
콘텐츠 브라우저 에서 아까 만든 "NewGameMenu" 애셋을 찾아 엽니다. 이 메뉴에는 이름 입력 텍스트 박스 와, 이름을 입력하기 전까지는 누를 수 없는 '게임 플레이' 버튼, 메인 메뉴로 돌아가는 버튼 이 들어있습니다.
-
이름 입력 박스를 만들기 위해, 레이아웃에 (텍스트 블록 이 아닌) Text Box (텍스트 박스) 를 끌어 놓습니다.
- 텍스트 박스 환경설정은 다음과 같이 합니다:
- 이름을 NameTextEntry 로 바꿉니다.
- 위치는 (325, 200) 입니다. 텍스트 박스 왼쪽에 위치한 텍스트 블록 을 남겨둡니다.
- 크기는 250x40 입니다.
- ("Style" 제목 아래) 폰트 크기는 20 입니다.
- 이전 메뉴에서 버튼 을 만들었던 것과 같은 방식으로 텍스트 블록 라벨이 있는 게임 플레이 버튼 을 만들면 됩니다.
- 버튼의 경우: 이름은 PlayGameButton, Position 은 200, 300, Size 는 200, 100 으로 변경합니다.
- 텍스트 블록의 경우: 이름을 PlayGameText 로, Visibility 를 Hit Test Visible 로 변경한 다음 PlayGameButton 위에 끌어놓습니다.
-
게임 플레이 버튼 에는 특별한 기능이 있습니다. 텍스트 박스 에 입력된 이름이 공백이 아닐 때만 활성화되는 것입니다. UMG 의 "바인드" 기능을 사용하여 (Behavior 섹션 아래) "Is Enabled" 칸에 새로운 함수를 만들면 됩니다.
-
오직 텍스트 박스 가 공백이 아닐 경우에만 버튼 이 활성화되었는지 확인하려면, 텍스트 박스 에서의 텍스트를 스트링으로 변환한 다음 길이가 0 보다 큰지 검사하면 됩니다. 로직은 이렇습니다:
-
여기서 메인 메뉴로 돌아나갈 수 있도록 버튼 을 하나 더 추가해 봅시다. 메인 메뉴에서 게임 플레이 버튼 과 비슷하지만, 위치 기준이 좌상단이 아닌 우하단 구석이 될 것입니다. 그러기 위해서는, 버튼 의 디테일 패널 에서 "앵커" 드롭다운을 클릭한 다음, 팝업 메뉴에서 우하단 부분을 나타내는 모양을 선택합니다.
- 이름을 MainMenuButton 으로 바꿉니다.
- Position 을 -400, -200 으로 설정합니다.
- Size 를 200x100 으로 설정합니다.
-
이제 OnClicked 이벤트를 한 번 더 추가하는 것으로 새 버튼 에 스크립트를 추가하겠습니다. 메인 메뉴 버튼 은 단순히 메인 메뉴 위젯 을 로드하는 반면, 게임 플레이 버튼 은 ChangeMenuWidget 함수로의 호출에 새로운 위젯 을 전혀 제공하지 않는 것으로 메뉴를 비활성화시킵니다. 이는 실제 클래스 또는 애셋 이름 대신 "Select Class" (클래스 선택)이라 되어있는 문구로 알 수 있습니다.
-
거의 아래와 같은 스크린샷이 두 개 생겼을 것입니다.
완성 코드
HowTo_UMG.Build.cs
// Copyright 1998-2018 Epic Games, Inc. All Rights Reserved.
using UnrealBuildTool;
public class HowTo_UMG : ModuleRules
{
public HowTo_UMG(TargetInfo Target)
{
PublicDependencyModuleNames.AddRange(new string[] { "Core", "CoreUObject", "Engine", "InputCore", "UMG" });
//PrivateDependencyModuleNames.AddRange(new string[] { });
// Uncomment if you are using Slate UI
PrivateDependencyModuleNames.AddRange(new string[] { "Slate", "SlateCore" });
// Uncomment if you are using online features
// PrivateDependencyModuleNames.Add("OnlineSubsystem");
// if ((Target.Platform == UnrealTargetPlatform.Win32) || (Target.Platform == UnrealTargetPlatform.Win64))
// {
// if (UEBuildConfiguration.bCompileSteamOSS == true)
// {
// DynamicallyLoadedModuleNames.Add("OnlineSubsystemSteam");
// }
// }
}
}
HowTo_UMGGameMode.h
// Copyright 1998-2018 Epic Games, Inc. All Rights Reserved.
#pragma once
#include "Blueprint/UserWidget.h"
#include "GameFramework/GameModeBase.h"
#include "HowTo_UMGGameMode.generated.h"
/**
*
*/
UCLASS()
class HOWTO_UMG_API AHowTo_UMGGameMode : public AGameModeBase
{
GENERATED_BODY()
public:
/** Remove the current menu widget and create a new one from the specified class, if provided. */
UFUNCTION(BlueprintCallable, Category = "UMG Game")
void ChangeMenuWidget(TSubclassOf<UUserWidget> NewWidgetClass);
protected:
/** Called when the game starts. */
virtual void BeginPlay() override;
/** The widget class we will use as our menu when the game starts. */
UPROPERTY(EditAnywhere, BlueprintReadOnly, Category = "UMG Game")
TSubclassOf<UUserWidget> StartingWidgetClass;
/** The widget instance that we are using as our menu. */
UPROPERTY()
UUserWidget* CurrentWidget;
};
HowTo_UMGGameMode.cpp
// Copyright 1998-2018 Epic Games, Inc. All Rights Reserved.
#include "HowTo_UMG.h"
#include "HowTo_UMGGameMode.h"
void AHowTo_UMGGameMode::BeginPlay()
{
Super::BeginPlay();
ChangeMenuWidget(StartingWidgetClass);
}
void AHowTo_UMGGameMode::ChangeMenuWidget(TSubclassOf<UUserWidget> NewWidgetClass)
{
if (CurrentWidget != nullptr)
{
CurrentWidget->RemoveFromViewport();
CurrentWidget = nullptr;
}
if (NewWidgetClass != nullptr)
{
CurrentWidget = CreateWidget<UUserWidget>(GetWorld(), NewWidgetClass);
if (CurrentWidget != nullptr)
{
CurrentWidget->AddToViewport();
}
}
}
HowTo_UMGPlayerController.h
// Copyright 1998-2018 Epic Games, Inc. All Rights Reserved.
#pragma once
#include "GameFramework/PlayerController.h"
#include "HowTo_UMGPlayerController.generated.h"
/**
*
*/
UCLASS()
class HOWTO_UMG_API AHowTo_UMGPlayerController : public APlayerController
{
GENERATED_BODY()
public:
virtual void BeginPlay() override;
};
HowTo_UMGPlayerController.cpp
// Copyright 1998-2018 Epic Games, Inc. All Rights Reserved.
#include "HowTo_UMG.h"
#include "HowTo_UMGPlayerController.h"
void AHowTo_UMGPlayerController::BeginPlay()
{
Super::BeginPlay();
SetInputMode(FInputModeGameAndUI());
}