Options Menu Panel - Unreal Common Menu System #4

WBP_AudioOption

옵션 창 만들기

Button에 Right Padding 10씩 추가하고 Default Text 버튼에 맞춰서 텍스트 추가하기

Horizontal Box → Wrap with Common Border

Common Border에 Border Style 적용하기

• Scroll Box → Common Border 에 추가
• Common Text → Scroll Box 에 추가
• Common Text Style → CommonTextStyle_MainMenu 설정
  
  

Audio → AudioOptions 연결하기

📍WBP_MainMenu

만든 WBP_AudioOptions 를 WBP_MainMenu의 CAS_MainMenu 에 추가하기

📍WBP_AudioOptions

Vertical Box → Wrap with Size Box

📍WBP_MainMenu

Back → Setting 버튼 연결하기

📍WBP_AudioOptions

이벤트 디스패쳐(OnBack) 생성 후 Back 버튼에 연결하기

📍WBP_MainMenu

만들었던 이벤트 연결하기

Back → Setting 으로 Change Panel

Option 레이아웃

📍WBP_AudioOptions

Common Border → Scroll Box에 넣기

Bottom Padding : 20

Size → Fill

Common Text Bottom Padding : 20 → 칸 사이에 간격 주기

Option Category 재사용

WBP_AudioOptions → WBP_OptionPanel 이름 변경하기

Option Category에 Audio/Graphic 등 사용하기 위해 TextPanelName 로 변경하고 변수 체크

👁️ “Expose to Designer” (디자이너에 노출) 옵션

• 👁️ 눈 뜨고 있음 → 해당 변수가 UMG Designer 뷰(왼쪽 Hierarchy나 Details) 에서도 보임 → 다른 위젯 블루프린트가 이 위젯을 포함할 때 인스턴스 값 수정 가능 상태로 나타남 Instance Editable + Expose to Designer → UI 에디터에서 직접 수정 가능 예) 옵션창 제목(TextOptionPanelName)을 UMG 에디터에서 “사운드 설정”, “그래픽 설정” 등으로 바꾸기
  
• 🚫 눈 감음 → 디자이너에서는 안 보이고, → 그래프에서만 접근 가능한 로컬 변수처럼 동작 Instance Editable이 꺼짐 → 그래프 내부에서만 사용 가능 예) 내부 계산용 임시 변수, 디자이너에 보일 필요 없음
  

Option 복제해서 Audio / Graphic / Language 옵션 창 만들기

버튼 누르면 해당 패널 띄우기