[CommonUI 2] Common Animated Switcher

Unreal Common UI Tutorial Part 2 - Common Animated Switcher

AnimatedSwitcher와 비교

구분	AnimatedSwitcher	CommonAnimatedSwitcher
플러그인 의존성	없음	CommonUI 필요
목적	단순 애니메이션 전환	CommonUI 구조 내 고급 전환
포커스 / 입력 관리	수동	자동
Gamepad 지원	수동	자동
Transition 스타일	기본 UMG 전환	CommonUI Transition 지원
주로 쓰는 곳	일반 HUD, 위젯 전환	메뉴 시스템, Activatable 화면 전환

WBP_MainMenu의 메뉴 Vertical Box → Wrap with Common Animated Switcher

복제해서 Setting 메뉴 만들기

Setting → Set Active Widget

• 현재 화면에 표시할 위젯을 바꾸는 역할
• Widget Switcher가 가진 여러 자식 위젯 중 어떤 걸 보여줄 지를 지정하는 함수
  • WidgetSwitcher는 여러 UI 패널 (예: 메인메뉴, 설정화면, 크레딧화면 등)을 모두 자식으로 가지고 있지만, 그 중 오직 하나만 표시
  • Set Active Widget은 그 중에서 현재 표시될 위젯을 교체하는 명령

Change Panel

[OnClicked(MB_Setting)]  →  [Set Active Widget]

// 코드
CAS_MainMenu->SetActiveWidget(MB_Setting);

• 사용자가 설정 버튼(MB_Setting) 클릭
• → 이벤트 OnClicked(MB_Setting) 트리거
• → Set Active Widget 실행
  • Target = CAS_MainMenu (화면 전환 관리자)
  • Widget = MB_Setting (보여줄 새 화면)
• → WidgetSwitcher가 현재 표시 중인 화면을 “MB_Setting”으로 교체
• → 결과적으로, 화면이 메인 메뉴에서 설정 화면으로 전환됨

Back 누르면 VB_MainMenu로 돌아가기

버튼들 Vertical Box에 맞춰서 분류하기