사용자는 UI 엘리먼트인 [Scroll Rect]를 이용해
수평 및/또는 수직 축을 따라 또 다른
UI 엘리먼트를 이동시킬 수 있습니다
이것은 버튼 리스트나 대형 텍스트 블록
등과 같은, 대형 이미지 또는 다른
UI 엘리먼트의 패널입니다
[Scroll Rect]는 마스크 엘리먼트와
함께 가장 자주 사용하며
스크롤바와 함께 완벽하게 작동합니다
이 단원에서는 마스크와 스크롤바에 대해 간략히
살펴볼 것입니다
마스크와 스크롤바 관련 상세 정보를
확인하려면 아래 링크의 정보를 참조하십시오
[Scroll Rect]를 생성하려면
캔버스의 자식인 게임 오브젝트에
[Scroll Rect] 스크립트를 추가합니다
모든 UI 엘리먼트와 마찬가지로
[Scroll Rect]도 캔버스의 자식이어야 합니다
[Scroll Rect] 스크립트를 게임 오브젝트에
추가하는 한 가지 방법은 [Add Component]
- [UI] - [Scroll Rect]를 이용하는
것입니다
이 예제의 경우, 게임 오브젝트의 이름을
Scroll View로 바꾸겠습니다
[Content]는 [Scroll Rect]가 제어하는
UI 엘리먼트의 [Rect Transform]의 참조입니다
가령 [Scroll Rect]보다 훨씬 큰
이미지 등이 이에 속합니다
콘텐트를, 이 경우 대형 이미지를
[Scroll Rect]의
콘텐트 속성과 연관시킵니다
재생 모드에서 이 콘텐트는 완전히 스크롤 가능합니다
[Scroll Rect]는 일반적으로 마스크 엘리먼트와 함께 사용합니다
[Scroll Rect]와 함께 마스크 엘리먼트를 사용하려면
우선 이미지 스크립트를 마스크가 사용할
게임 오브젝트에 추가합니다
그리고 마스크 스크립트를 추가합니다
그러면 마스크 엘리먼트는 이미지를 이용해
마스크를 생성합니다
특정 이미지는 이미지 스크립트에서 필요 없기 때문이죠
하지만 마스크 형태를 추가로 제어하기
위해 이미지를 추가할 수 있습니다
이미지 및 마스크 엘리먼트 관련 상세 정보를 확인하려면
아래 링크의 정보를 참조하십시오
[Horizontal]과 [Vertical]을 사용하면 이 축들에서
스크롤이 가능합니다
한 축에서 스크롤을 비활성화하려면
해당 축의 속성을 [false]로 설정합니다
[Movement Type]은 스크롤 모드를 규정합니다
스크롤 모드는 [Movement Type] 팝업 메뉴로
선택할 수 있습니다
[Unrestricted]는 스크롤 이동의 제약을 없애줍니다
이 모드는 흔히 선택하는 모드는 아니며
추가 방법을 이용하지 않고도
복구할 수 없는 방식으로
콘텐트를 제거할 수 있습니다
하지만 이 모드는 특정 상황에서는
유용합니다
[Elastic]이나 [Clamped]를
[Movement Type]으로 사용하는 경우
콘텐트는 스크롤 가능한 축에서 [Scroll Rect]의
경계를 벗어날 수 없습니다
이 두 가지 모드에서
콘텐트를 스크롤하려면
콘텐트의 [Rect Transform]이 [Scroll Rect]의
[Rect Transform]보다 커야 합니다
콘텐트의 [Rect Transform]이 [Scroll Rect]의
[Rect Transform]보다 작으면
해당 축에서 스크롤할 수 없습니다
이 두 가지 모드 중 하나로 콘텐트의 위치를 정할 때는
[Scroll Rect]의 경계 안에서
시작하는 것이 가장 좋습니다
아니면 원하지 않은 동작이 발생할 수도 있습니다
[Rect Transform]이 콘텐트를 경계 안으로
되돌려 놓으려 하기 때문입니다
[Elastic] 동작 형식을 사용하는 경우
콘텐트가 [Scroll Rect]의 경계에 도달하면
바운스됩니다
바운스 양은 [Elasticity] 속성으로
설정합니다
[Clamped] 동작 형식을 사용하는 경우
콘텐트가 경계에 도달해도 바운스되지 않으며
스크롤만 중단됩니다
[Inertia]는 드래그 후 포인터를
릴리스할 때 콘텐트가 글라이드를 계속할 것인지
정의합니다
[Inertia]가 [False]이면 콘텐트는
드래그될 때만 이동합니다
[Inertia]를 [True]로 설정하면
포인트가 드래그를 종료한 후에도 콘텐트는
계속 글라이드됩니다
콘텐트가 글라이드를 멈추는 시간은
[Deceleration Rate] 속성이 결정합니다
[Deceleration Rate]이 0이면
글라이드는 즉시 중단됩니다
값이 1이면 글라이드 속도가
줄어들지 않습니다
[Horizontal] 및 [Vertical] 스크롤바는
잠재적인 스크롤바 엘리먼트에 대한 옵션 참조입니다
[Scroll Rect]로 스크롤바를 이용하려면
필요한 스크롤바를 생성하고
위치를 정한 후
스크롤바와 [Scroll Rect]의 속성을
연관시키면 됩니다
그러면 자동으로 작동합니다
스크롤바와 설정법 관련 추가 정보를 확인하려면
아래 링크의 정보를 참조하십시오