스크롤 뷰의 Item에 스프라이트와 라벨을 자식으로 추가해서 스크롤 해보자.
사용 방법은 다음과 같다.
1. 메뉴 > NGUI > Create > 2D UI 생성
2. 메뉴 > NGUI > Create > Scroll View
또는 Add Component > NGUI > Scroll View 컴포넌트를 추가한다.
UI Root 하위에 Scroll View 오브젝트를 생성한다.
3. Scroll View 오브젝트 UIPanel에서 Size 조정한다.
가로 방향으로 스크롤 하기 위해 Movement는 Horizontal로 정한다.
스크롤뷰의 Cell의 크기가 128이기 때문에 Y 사이즈를 128로 설정했다.
4. 메뉴 > NGUI > Create > Grid 를 생성한다. 셀의 크기는 128 X 128로 설정한다.
Scroll View 하위에 Grid 오브젝트를 생성한다.
5. 메뉴 > NGUI > Create > Widget을 추가한다. Size를 128 X 128로 설정한다.
Grid 하위에 Widget 오브젝트를 생성한다.
오브젝트 이름을 Continer에서 Item으로 수정한다.
6. Item에서 Add Component > NGUI > Interaction > Drag Scroll View를 추가한다.
7. Item에서 메뉴 > NGUI > Attach > Collider를 추가한다.
Box Collider의 크기는 자동으로 128 * 128 설정된다.
8. 메뉴 > NGUI > Create > Sprite 를 추가한다.
Size는 Cell Size와 일치 시킨다. 여기서는 128 X 128이다.
디폴트 값으로 blue 스프라이트를 선택한다.
9. 메뉴 > NGUI > Create > Label 을 추가한다.
디폴트 값으로 blue를 입력한다.
10. 프리팹을 만들기 위해 Item을 Project 뷰로 드래그 한다.
Hierarchy 뷰의 Item은 제거한다.
11. Item 프리팹을 Grid 하위 객체로 추가한다. 6번 반복한다.
12. Item의 위치를 설정한다.
Item의 X값 위치를 128, 128 *2, 128 *3, 128 *4, 128 *5와 같이 입력한다.
13. 6개의 Item > Sprite의 Sprite를 설정한다.
6개의 Item > Lable의 Text를 설정한다.
14. 실행~~~
실행화면을 Scene View에서 보자.
시작 할때 스크롤 위치가 0이 아니다. 왼쪽 옆이 빈공간이 남아 있다.
스크롤 위치를 리셋하면 Item의 위치가 0으로 설정된다.
팁) 시작할때 ScrollView가 Top이 아니라 센터에 위치하면 스크롤 위치를 리셋 시키는 메서드를 실행해야 한다.
//ScrollManager.cs
using UnityEngine;
using System.Collections;
public class ScrollManager : MonoBehaviour {
public GameObject scrollView ;
void Start () {
//scrollView.GetComponentInChildren< UIScrollView >().ResetPosition();
scrollView.GetComponent<UIScrollView>().ResetPosition();
}
}
using UnityEngine;
using System.Collections;
public class ScrollManager : MonoBehaviour {
public GameObject scrollView ;
void Start () {
//scrollView.GetComponentInChildren< UIScrollView >().ResetPosition();
scrollView.GetComponent<UIScrollView>().ResetPosition();
}
}
15. 스크립트의 scrollView를 설정한다.
SrollManger.cs를 "UI Root" 컴포넌트로 추가한다.
계층뷰에서 "Scroll View"를 인스펙터의 Scroll Manager의 Scroll View에 추가한다.
다시 실행하면 스크롤뷰의 시작 위치가 0이다..
성공 ~~~ 이닷...
