[Unity] UI 스크롤(Scroll) 다루기 - 스크롤 뷰(Scroll View)

유니티(Unity) UI에서 스크롤을 쓰는 방법은 크게 스크롤 뷰(Scroll View)를 쓰는 방법과 패널에 스크롤 바(Scroll bar)를 연결하는 방법이 있습니다.

빠르고 편하게 쓸 생각이면 스크롤 뷰를 쓰는 것이 좋고 직접 커스텀하게 만들 생각이면 스크롤 바를 연결하는 것이 좋습니다.

 

이 포스팅에서는 스크롤 뷰(Scroll View)를 다룹니다.

 

연관글 영역

 

 

1. UI에 추가 

게임 오브젝트(GameObject) > UI > 스크롤뷰(Scroll View)

를 선택하여 U I화면에 스크롤 뷰를 추가합니다.

 

 

스크롤 할 내용은 콘텐츠(Content) 안에 넣어야 합니다.

 

 

2. 내용 넣기 

스크롤 될 영역의 크기는 '콘텐츠(Content)' 영역의 크기를 따라갑니다.

콘텐츠 영역을 적절히 늘려야 스크롤이 됩니다.

 

 

1) 게임 오브젝트(GameObject) > UI > 이미지(Image)

를 추가합니다.

 

2) 원하는 이미지를 넣어 줍니다.

 

3) 콘텐츠 영역의 크기를 이미지 크기보다 크게 지정해 줍니다.

 

이미지만큼의 스크롤만 할 거면 콘텐츠 영역의 크기를 이미지와 동일하게 잡으면 됩니다.

 

 

3. 테스트 

테스트를 해봅시다.

 

잘 작동합니다.

 

 

마무리 

테스트 프로젝트 : github - dang-gun/UnitySamples/UI_Scroll

 

간단하게 구현할 거면 스크롤 뷰가 좋은 선택입니다.