회원 로그인
|
|
NGUI를 이용한 스크롤 사용하기
인쇄
스크랩
NGUI를 이용한 스크롤 사용하기
 NGUI 버젼 2.0.7c와 PlayMaker 버젼 1.4로 기재되었다. |
NGUI를 사용하여 스크롤 기능을 만들어 보자.
1. NGUI > Create a New UI 생성
2. 하이어라키 뷰의 Panel 선택(1) 후 인스펙터 뷰에서 Add Componet 버튼 클릭, drag로 검색(2)하여 Draggable Panel 추가(3)
NGUI  Clipping : 패널의 효과(Hard:컬러, Alpha:알파, Soft:페이드)  Drag Effect : 드래그 했을 때의 효과 Scale : 스크롤 사용할 영역(X:좌우, Y:상하, Z:2D라 사용 안함) Horizontal Scroll Bar : 좌우 스크롤바 UI를 지정 Vertical Scroll Bar : 상하 스크롤바 UI를 지정 |
상하로 스크롤 해보자.
3. 적용한 Draggable Panel > Scale의 X, Z는 0
4. Anchor 밑으로 스크롤바 위젯을 생성하여 씬에서 배치해 둔다.
5. Panel 밑으로 Lavel 위젯을 생성하여 배치한다.
텍스트 내용을 줄바꿈하여 길게 넣어 준다.
6. GameObejct > Create Empty를 클릭해 빈 게임오브젝트를 생성하고 이름을 적당한 것으로 바꾼다.
Position XYZ를 0, Scale XYZ를 1로 바꾼다.(Reset하면 안된다.)
7. 빈 게임오브젝트에 Componet > Physics > Box Collider 적용하고 드래그 영역을 조절한다.
조절은 게임오브젝트의 Position, Scale 또는 Collider의 Size로 하면 된다.
8. 빈 오브젝트에 Drag Panel Contents 컴포넌트도 추가한다.
9. Panel을 빈 오브젝트에 적용한 Drag Panel Contents > Draggable Panel에 드래그 하여 놓는다.
Panel > UIPanel > Clipping를 적용하여 다양한 스크롤 효과를 확인해 본다.
- scroll.unitypackage (8.6MB) (0)
댓글 0개
| 엮인글 0개
146개(6/8페이지)
| 번호 | 제목 | 글쓴이 | 조회 | 날짜 |
|---|---|---|---|---|
|
유니티 강좌 모음(영문) | 푸딩뱃살 | 60305 | 2013.08.28 12:02 |
|
|
유니티 경고, 에러 모음 (재정리 예정)
 [1+1] |
푸딩뱃살 | 71110 | 2013.08.12 00:09 |
| 44 |
[애셋] NGUI & PlayMaker - Random Button
|
푸딩뱃살 | 7392 | 2014.01.23 02:09 |
| 43 |
[애셋] PlayMaker - Random String
|
푸딩뱃살 | 5699 | 2014.01.22 03:29 |
| 42 |
[애셋] NGUI & PlayMaker - 웹툰 앱을 만들기
|
푸딩뱃살 | 7083 | 2014.01.20 00:25 |
| >> |
[애셋] NGUI를 이용한 스크롤 사용하기
|
푸딩뱃살 | 9920 | 2014.01.15 03:21 |
| 40 |
[애셋] NGUI & PlayMaker를 이용한 텍스트 이동하기
|
푸딩뱃살 | 8263 | 2014.01.15 01:07 |
| 39 |
[애셋] NGUI 기본
|
푸딩뱃살 | 7947 | 2014.01.10 03:03 |
| 38 |
[애셋] PlayMaker 기본
|
푸딩뱃살 | 7730 | 2014.01.10 01:30 |
| 37 |
[유니티] Character Controller 캐릭터 컨트롤러
|
푸딩뱃살 | 8911 | 2013.12.23 23:52 |
| 36 |
[스트립트] raycast 예제
|
푸딩뱃살 | 2235 | 2013.12.11 13:40 |
| 35 |
[유니티] unityPackage 만들기
|
푸딩뱃살 | 12045 | 2013.11.29 14:35 |
| 34 |
[유니티] Mecanim으로 애니메이션 연결
|
푸딩뱃살 | 8152 | 2013.11.28 14:12 |
| 33 | [스트립트] Class (클래스) | 푸딩뱃살 | 2772 | 2013.11.26 23:46 |
| 32 |
[참고] Unity 디컴파일 - Unity 3D Obfuscator 사용법
|
푸딩뱃살 | 4918 | 2013.11.24 16:56 |
| 31 |
[참고] Unity 3D Obfuscator
|
푸딩뱃살 | 7986 | 2013.11.24 01:10 |
| 30 |
[스트립트] GUI.Button() 예제
|
푸딩뱃살 | 4948 | 2013.11.22 00:49 |
| 29 |
[스트립트] 마우스 제어 적용 (클릭,오버,아웃)
|
푸딩뱃살 | 5785 | 2013.11.21 14:29 |
| 28 | [소셜] Unite 2013 - Connect Unity gamers across platforms with | 푸딩뱃살 | 1514 | 2013.11.19 18:49 |
| 27 | [소셜] Facebook SDK for Unity Tutorials (iOS, Android,Web) | 푸딩뱃살 | 5152 | 2013.11.19 14:28 |
| 26 | [참고] Unite Vancouver 2013 Keynote | 푸딩뱃살 | 3158 | 2013.11.13 20:42 |
| 25 |
[정보] 유니티, 2D 개발 툴 장착한 ‘유니티 4.3’ 전 세계 동시 공개
|
푸딩뱃살 | 3938 | 2013.11.13 20:26 |
