[NGUI] ScrollView 만들기 (v3.5.2 이상)

출처: http://hyunity3d.tistory.com/536

NUGI 3.5.2 버전을 사용해서 스크롤 뷰를 작성하겠습니다.

버전이 올라가면서 조금은 스크롤뷰의 사용 방식이 달라졌습니다.

먼저 NGUI 카메라를 만듭니다.

NGUI - Open - Widget Wizard(Legacy) 를 클릭하면 Widget Tool 이 나옵니다.

Opne the New UI Wizard 버튼을 클릭합시다.

버튼을 클릭하면 new UI  창이 나오며 Layer를 설정해주고 Create Your UI 버튼을 클릭합니다,

Hierarchy 창에서 Camera 를 클릭한 상태에서 NGUI- Create 메뉴로 가서

앵커와 패널을 추가합니다. (앵커 같은경우 NGUI 버전이 올라가면서 점점 사용을 안하는 추세라고 합니다.)

이런 형태가 됩니다. 이제 생성된 패널을 스크롤을 한다는 것을 유니티에게 알려줘야겠죠? 스크롤 관련 컴포넌트를 붙여줍니다.

패널을 선택한 상태에서 Component - NGUI - Interaction - Scrool View 를 클릭해주면 아래와 같이 Panel UIScrollView 스크립트가 붙은걸 볼수 있습니다.

패널을 이제 스크롤 뷰로 인식을 해주었으니. 이제 이 스크롤뷰 안에서 어떤식으로 스크롤이 되고 각 간격이 어떤식으로 진행될지 알려주는 

Grid 라는 컴포넌트를 생성해서 붙여줘야됩니다.

빈 게임 오브젝트를 Panel의 하위에 생성해줍니다. Ctrl + Shift + N 을 누르면 빈게임 오브젝트가 생성되고 Panel의 자식으로 놓습니다.

그리고 Reset 버튼을 눌러 위치를 0, 0, 0 으로 만들어 줍니다.

NGUI 에서는 빈게임오브젝트를 바로 하위에 만들어주는 단축키를 제공해주고 있습니다.

패널을 선택해준 상태에서 Alt + Shift + N을 누르면 빈게임 오브젝트가 바로 아래에 생성됩니다 자주 쓰는 단축키니 알아두면 도움이 될것입니다.

여기서 한가지 더 팁을 알려주자면 게임오브젝트를 활성화 비활성화 해주는 단축키도 NGUI가 제공해주는데 Alt + Shift + A 버튼을 누르면 게임 오브젝트가 활성화 되고 비활성화 되는것을 볼수 있습니다.

빈게임 오브젝트에 Grid 스크립트를 할당해 주었습니다.

이제 Grid 안에 스크롤뷰에 해당되는 아이템등을 집어넣어주면 됩니다( 스프라이트, 버튼, 레이블 등등)

주의할 점은 각각의 아이템에는 콜라이더가 부착되어야 하며, Drag Scrool View 를 컴포넌트에 추가해주어야 합니다.

저는 간단하게 NGUI 에서 기본적으로 제공하는 Sprite 를 추가해보겠습니다.

 

만든 스프라이트를 그냥 복사해주고 실행해보면 자동으로 정렬되서 실행됩니다.