Unity ScrollRect 사용하기

Unity ScrollRect 사용하기

적용예시) Unity 게임개발 숙련 개인과제

1. 개인과제를 위해 위와 같이 아이템슬롯의 아이템들이 아이템창에서 한번에 표시하지 못하는 경우 스크롤을 통해 아이템슬롯 리스트들을 표시하려고 함.

2. Shop팝업창의 UI를 만들기 위해 _UI\PopUpUiCanvas\Shop_Panel을 만들고 그 안에 BackGround UI Image를 만들었다.

3. UI Image아래 연속으로 UI Panel을 두개 생성해 준다.(ScrollRect, ShopItemList)
   

4. ShopItemList(Panel) 컴퍼넌트에 Grid Layout Group 추가하기
   Padding : Panel과 간격
   Cell Size : Content 1개의 Size
   Spaing : Content들간의 간격
   

5. ScrollRect(Panel) 컴퍼넌트에 Mask와 ScrollRect 추가하기
   Content : ScrollRect의 내용물 ShopItemList(Panel) (ex:상점에서 아이템리스트)
   Horizontal : 수평 스크롤
   Vertical : 수직 스크롤
   

6. ScrollRect(Panel) 컴퍼넌트에 Scrollbar추가하기
   

7. Scrollbar 위치 크기조정
   Direction : 스크롤 방향 (Bottom To Top)
   

8. 스크롤로 ShopItemList를 확인 할 수는 있으나 드레그를 멈추면 다시 처음 위치로 돌아가기 때문에 ShopItemList(Panel) 컴퍼넌트에 Content Size Fitter 추가
   수직축을 사용하기 때문에 Vertical Fit : Min Size
   

9. ScrollRect를 테스트하면서 Grid Layout Group의 pivot과 Position, padding 조절
   

내일은 ShopItemList에 아이템들을 연결하는 방법을 정리