Unity/UI

슬라이더 만들기

s0002 2023. 2. 11. 04:28

 

1. 빈 오브젝트 UISlider 만들기

1-1. 가이드 슬라이더 면적 딱 맞춰서 영역 잡기

1-2. frame 이미지 추가

 

2. UISlider 안에 빈 오브젝트 fill_area 만들기

2-1. 프레임 안에 딱 맞춰서 영역 잡기

 

3. fill_area 안에 이미지 fill 만들기

3-1. fill 이미지 추가

3-2. 앵커 프리셋 알트+left 스트레치

3-3. Width 0

 

4. UISlider에 Add Component Slider

4-1 Slider-fill Rect에 fill 넣기

 

5. UISlider 안에 이미지 handle 만들기

5-1. handle 이미지 추가

5-2. 앵커 프리셋 right+middle

5-3. PosX 0

 

6.fill 안으로 handle 옮기기

 

※이미지 크기 조절 시 Simple->SetNativeSize->Sliced 한 후 조절하는 것이 좋음