슬라이더로 볼륨, 밝기 설정 만들기
WBP_Slider
Analog Slider 작으니까 사이즈 박스로 크기 고정하기
조절 장치 hovered 부분 X 사이즈 2로 고정
CommonSlider vs AnalogSlider
CommonSlider
: CommonSlider (CommonUI ↔ UMG Slider의 Common 스타일 버전)
- 입력: 마우스 / 터치 / 클릭-드래그 중심
- 키보드/패드 이동: 있음, 하지만 정확한 기울기 반영
- 디자인: CommonUI 스타일 적용 가능
- 기능: 기본 UMG Slider와 거의 동일
- 사용 상황: 그래픽 옵션, 볼륨 등 마우스 기반 UI
- PC 마우스 중심 UI에서는 충분히 좋음
CommonAnalogSlider
: CommonUI 전용 아날로그 슬라이더
- 입력: 마우스 / 키보드 / 패드 / 아날로그 스틱
- 아날로그 스틱 기울기 반영 O (기울기 만큼 슬라이더 이동 속도 달라짐)
- Navigation: CommonUI에서 완전 자동
- UX: Fortnite, Valorant 같은 “패드 친화적 Option UI” 만들 때 필수
- 스타일: CommonUI 스타일 + 전용 설정 다수
| 구분 | CommonSlider | CommonAnalogSlider |
|---|---|---|
| 주 사용 환경 | PC 마우스 중심 UI | 패드(컨트롤러) 기반 UI |
| 사용 권장 상황 | 마우스로 옵션 조절이 충분할 때 | Xbox/PS/스위치 등 패드 지원 메뉴 필수 |
| UI 목적 | CommonUI 스타일을 통일하고 싶을 때 | TV·콘솔 UI, 거치형 기기 |
| 입력 특성 | 클릭/드래그 중심 | 아날로그 스틱 기울기 반영 |
| 조작 감각 | 일반적인 슬라이더 조작 | 자연스러운 스틱 이동감 및 가속도 |
| 추천 용도 | PC 옵션 메뉴, 마우스 우선 UI | 패드 기반 옵션 메뉴, 크로스플랫폼 UI |
지금 프로젝트에서는
- CommonUI 전체 구조 사용중
- 게임 설정(오디오/그래픽) 메뉴 만들고 있음
- 게임 패드 키 맵핑 고려중
→ CommonAnalogSlider 사용하기
M_UI_BarFill
Slider Progress 보여주는 머티리얼 만들기
Percent에 따라서 게이지 추가
Set members in Slate Brush Image로 체크하기
Initialize Slider Materials 함수로 묶기
만든 머티리얼 연결하기
슬라이더 안에 숫자 넣기
Slider Wrap with Overlay
Common Text 추가하기
알파값으로 조정하기
변경값과 SliderFill 머티리얼, CommonText 연동하기
