2024. 12. 16. 21:30ㆍ카테고리 없음
UI 에서 Scroll View 만들기
우클릭을 통해 Scroll View를 생성
그러면 밑에 사진과 같이 자식들이 붙어져서 나오는데 여기서 세로로 스크롤을 내릴지 가로로 내릴지 정해야 하는데 나는 세로로 내릴거여서 Scrollbar Horizontal를 지웠고, 나는 스크롤바를 잡고 내릴게 아니여서 Scrollbar Vertical도 지워줬다.
그러고 나서 Scroll View의 크기를 정해준 뒤에 Scroll View오브젝트에 붙어여있는 Scroll Rect컴퍼넌트의 설정을 손좀 봐야한다.
Scroll View에 있는 Scroll Rect컴퍼넌트의 설정
1. 스크롤을 세로로 내릴거면 Horizontal을 꺼줘야하고, 스크롤을 가로로 밀거면 Vertical을 꺼줘야한다.
2. Movement Type을 Elastic에서 Clamped로 바꿔줘야한다.
Movement Type
Unrestricted : 스크롤의 제한 없이 어디든 움직인다.
Elastic : 스크롤 영역을 벗어나면 튕겨서 원래 영역으로 돌아오는 효과를 주는 것이다.
Clamped : 스크롤이 Content의 범위에서만 움직인다.
Content 설정
나는 인벤토리를 만들거여서 Content에 Grid Layout Group컴퍼넌트를 붙여줘서 Content의 자식 오브젝트들이 생길때마다 정리하게 만들어주면 끝이다.
오류 발생
위와 같이 설정을 다하고 스크롤을 내리니깐 스크롤이 안내려가는 문제가 있어서 Movement Type을 Elastic로 변경 후 스크롤을 내리니깐 내려간다음에 바로 원래위치로 돌아갈려고 하는 문제가 생겼었다.
해결
Content의 크기가 작아서 생긴 문제였다. 그래서 내가 원하는 범위까지 크기를 키운다음에 Movement Type을 Clamped로 설정 후 스크롤을 내려보니 정상작동했다.