(7) Draggable Panel 설정
‘Panel’ 오브젝트를 선택하고 Inspector에 있는 Add Component 버튼을 눌러서 NGUI > Interaction > Draggable Panel을 선택하여 컴포넌트로 추가합니다.
[그림 8-11]
이로써 ‘Panel’이 드래그가 가능한 패널이 되었습니다.
(8) Panel Collider 설정
빈 오브젝트를 하나 만들어서 ‘Panel Collider’라고 오브젝트 이름을 변경시켜준 뒤에 ‘Anchor’ 오브젝트의 하위객체로 등록시켜줍니다.
그리고, Transform에서 x, y, z 포지션을 0, 0, 0으로 설정해주고, Component > Physics> Box Collider를 추가 후 x, y, z 사이즈를 480, 640, 1로 변경합니다.
‘Panel Collider’ 오브젝트의 Inspector창으로 가서 Add Component 버튼을 눌러서 NGUI > Interaction > Drag Panel Contents 를 선택해서 컴포넌트를 추가합니다.
[그림 8-12]
그리고 추가된 UIDrag Panel Contents (Script) 컴포넌트에서 Draggable Panel 칸의 [None (UIDraggable Panel)]에 ‘Panel’오브젝트를 드래그하여 집어넣습니다.
[그림 8-13]
플레이 버튼을 눌러서 Scene창과 Game창이 어떻게 보이는지 확인하고, Game창에서 마우스로 클릭 & 드래그 해보면서 이미지를 움직여봅시다.
'유니티 강좌' 카테고리의 다른 글
| APP 개발 온라인 강좌 제8강 [8-7]-WebToon UI 만들기(Panel Scroll, Panel View) (1) | 2014.07.23 |
|---|---|
| APP 개발 온라인 강좌 제8강 [8-4]-WebToon UI 만들기(Web Toon Image 넣기) (0) | 2014.07.17 |
| APP 개발 온라인 강좌 제8강 [8-3]-WebToon UI 만들기(UI Root (2D), Grid 생성) (0) | 2014.07.14 |
| APP 개발 온라인 강좌 제8강 [8-2]-WebToon UI 만들기(Atlas 만들기) (0) | 2014.07.10 |
| APP 개발 온라인 강좌 제8강 [8-1]-WebToon UI 만들기 (1) | 2014.06.16 |
댓글을 달아 주세요