[CH4-08] 마우스 커서, CheckBox

1 마우스 커서 적용하기

1.1 png 다운 받아서 임포트 하기

1.2 위젯 블루프린트 만들기

Alignment / Image Size / Desired 설정하기

1.3 Project Settings 설정하기

만든 블루프린트로 설정하기

2 Button을 CheckBox로 변경하기

2.1 이미지

Unchecked 이미지들 (체크 해제 상태)

• Unchecked Image → 기본 상태 (Normal)
• Unchecked Hovered Image → 마우스 올라왔을 때
• Unchecked Pressed Image → 누르는 중

Checked 이미지들 (체크 상태)

• Checked Image → 눌린 상태 유지 (토글 On)
• Checked Hovered Image → 눌려있을 때 마우스 올라왔을 때
• Checked Pressed Image → 눌린 상태에서 또 누르는 중

2.2 애니메이션

• Pressed (체크됨)
  • Scale: 1.0 → 0.9
  • 마지막 프레임에서 0.9 고정 (체크 유지 느낌)
• Unpressed (체크 해제됨)
  • Scale: 0.9 → 1.0 (다시 원래 크기로)

2.3 블루프린트

2.4 코드

TitleLevelWidget.h

#include "Components/CheckBox.h" // 버튼 → 체크박스로 교체

public:
	// Start 버튼 → 체크박스로 변경
    UPROPERTY(meta=(BindWidget), BlueprintReadOnly, meta=(AllowPrivateAccess="true"))
    UCheckBox* StartCheckBox;
    
protected:
	// 체크박스 상태 변경 처리
    UFUNCTION()
    void OnStartCheckChanged(bool bIsChecked);
    

TitleLevelWidget.cpp

void UTitleLevelWidget::NativeConstruct()
{
    Super::NativeConstruct();

    // 체크박스 상태 변경 바인딩
    if (StartCheckBox)
    {
        StartCheckBox->OnCheckStateChanged.AddDynamic(this, &UTitleLevelWidget::OnStartCheckChanged);
    }

    // ...
}

// ...


void UTitleLevelWidget::OnStartCheckChanged(bool bIsChecked)
{
    if (!bIsChecked) return; // 해제 상태일 땐 무시 (토글 On일 때만 실행)

    // ...
}