#008 스크롤 가로 리스트 제작 (도감 목록)

 

1. 리스트 생성

 

1) UI 이미지 오브젝트 생성 → Rect Transform Pivot x=0, y=1

2) Scroll Rect 컴포넌트 추가 → Horizontal 부분 체크 활성화 → Movement Type을 Elastic 으로 변경

3) Mask 컴포넌트 추가

 

 

 

2. 콘텐츠 오브젝트 생성

 

1) 빈 오브젝트 생성 → Rect Transform 부분을 좌측 상단으로 지정, Pivot x=0, y=1

2) Content Size Fitter 컴포넌트 추가 → Horizontal Fit을 Preferred Size로 변경

3) Horizontal Layout Group 컴포넌트 추가

4) 1번에서 만든 List 이미지 오브젝트의 Scroll Rect 컴포넌트에 Contents 오브젝트 할당

 

3. Contents 오브젝트의 자식 오브젝트에 이미지 오브젝트 나열

 

이제 원하는 리스트를 contens 의 자식오브젝트에 나열하면 가로형으로 스크롤하여 목록을 볼 수 있음