오래된 자료긴 하지만, ngui스터디때 사용했던 자료

1. NGUI 3.5.5
(기본 사용법 분석 : Controls)
클라이언트 개발파트
김제룡

2. 목차
1. 공통
2. Buttons & ImageButton
3. CheckBox
4. Label
5. BBC Code
6. ScrollBar(Horizontal / Vertical)
7. Slider(Horizontal / Vertical)
8. ProgressBar
9. Input Field(싱글라인 에디트)
10. Input Text(멀티라인 에디트)
11. Sprite and Dragging

3. 3
widget을 상속받음으로, Box Collidor에 Auto-adjust to
match 사용 가능
공통

4. 4
Buttons & ImageButton
- UIButton (UIImageButton과 통합되었음으로, 작업 필
요)
OnClick의 함수는 여기에 바로 연결 가능
(uibuttonmessage 필요없음)

5. 5
- UUToggle사용
Group : 0이면 그룹 없음.
starting State : true면 선택된 상태
State transition
sprite : 상태 변경에 사용할 스프라이트(체크마크)
Animation : 상태변경시 사용할 애니메이션(체크마크에 적용된 놈으로)
Transtion : 상태가 변할때 스프라이트가 부드럽게 변할지, 딱딱하게 변
할지
(smooth / instant)
OnValueChange
-Notify : 변경시 처리할 핸들러 지정
CheckBox

6. 6
- BB코드를 사용할 수 있음
- 숨은 하이퍼링크등도 가능
- 라벨 글자수에 따라 충돌메시(콜라이더)가 자동 조절됨
Emoticon
라벨의 텍스트로 입력한 이모티콘을 이미지로 변경할 수 있음.
:) :D <_< >_< x_x -_- o.o (A) (B) (X) (Y)
Label

7. BBC Code
BBCode 또는 빌트인 보드 코드 (Builtin Board Code)는 전자 게시판에
글을 작성하는데 쓰이는 가벼운 마크업 언어이다.
BBCode HTML 효과
[b]굵은 글씨[/b] <b>굵은 글씨</b> 굵은 글씨
[i]기울임 글씨[/i] <i>기울임 글씨</i> 기울임 글씨
[u]밑줄 글씨[/u] <u>밑줄 글씨</u> 밑줄 글씨
[s]가로줄 글씨[/s] <s>가로줄 글씨</s> 가로줄 글씨
[url]http://ko.wikipedia.org[/url]
<a href="http://ko.wikipedia.org">http://ko.wiki
pedia.org</a>
http://ko.wikipedia.org
[url=http://ko.wikipedia.org]위키백과[/url]
<a href="http://ko.wikipedia.org">위키백과</a
>
위키백과
[img]http://exmple.com/Go-home.svg.png[/img]
<img src="http://exmple.com/Go-home.svg.pn
g" alt="" />
[quote]인용 텍스트[/quote]
<blockquote><p>인용 텍스트</p></blockquot
e>
To quote:인용 텍스트
[1]
[code]코드 텍스트[/code] <pre>코드 텍스트</pre> 코드 텍스트
[size=15]큰 글씨[/size][2] <span style="font-size:15px">큰 글씨</span> 큰 글씨
[color=red]붉은 글씨[/color]
또는
[color=#FF0000]붉은 글씨[/color]
또는
[color=FF0000]붉은 글씨[/color]
[3]
<span style="color:#FF0000;">붉은 글씨</spa
n>
붉은 글씨
[list] [*]목록 1 [*]목록 2 [/list] <ul><li>목록 1</li><li>목록 2</li></ul>
•목록 1
•목록 2
[table] [tr] [td]테이블 데이터[/td] [/tr] [/table][4] <table><tr><td>테이블 데이터</td></tr></tabl
e>
테이블 데이터

8. 8
-UIScrollbar 사용(내부적으로 UISlider을 상속함으로, 그놈이 그놈이라 할 수 있다.)
스크롤바에 배경을 설정하고, Foreground가 움직이게 된다,
Value : 현재값
Size : Foreground의 이미지 크기
(slider와 틀린것이 slider의 thumb의 크기를 조정할 수 있다는 점
Alpha : 알파(0~1)
Step : 몇 단계로 0~1까지가 이루어 지나
Appearance
Foreground : 배경
Background : 움직일 부분
Thumb : 사용 안하지만, 지정은 가능
Direction : 이동 진행 방향(왼->오 / 오->왼 / 아래->위 / 위->아래)
OnValueChange : 값 변경시 호출된 핸들러 지정
(라벨인 경우, 미리 정의된 UILabel.SetCurrentPercent 등 사용 가능
팁 : 스크롤의 foregroud를 선택시, 효과를 주려면 UIButton을 설정해서, 컬러가 변하는
효과를 준다(모바일에서는 별로)
ScrollBar(Horizontal / Vertical)

9. 9
-UISlider 사용
슬라이더에 배경을 설정하고, thumb가 움직이게 된다.
Value
Alpha
Steps : 몇 단계로 0~1까지가 이루어 지나
Slider(Horizontal / Vertical)

10. 10
-UISlider 사용
기본적으로 슬라이더임으로, thumb를 지정해서, 유저가 직접 수치 조정하게 할 수 있음
ProgressBar

11. 11
-UIinput
Label : 입력결과를 표시할 라벨지정
Value : 라벨에 입력되는 값
Saved As : PlayerPrefs에 자동으로 값을 저장
Active Text Color : 활성화된 텍스트 컬러(현재 입력되는 값)
Inactive Color : 캐럿 심볼에 의해 사용된 컬러라는데, Active Text Color에 맞춰지는듯
Caret Color : 커서 컬러
Selection Color : 문자열 선택시 컬러
inputType : Standard / AutoCorrect / Password
keyboardType : ASCIICapable / NumbersAndPunctuation /
URL / NumberPad / PhonePad / NamePhonePad / EmailAddress
validation : Integer / Float / Alphanumeric / Username / Name
characterLimit : 글자수 제한
OnSubmit : 적용시(엔터등)
OnChange : 글자가 변경되는 경우
Input Field(싱글라인 에디트)

12. 12
기본적으로 InputField와 동일
Sprite and Dragging
- UIDragObject 스크립트만 붙이고 , Target만 지정하면 됨
Input Text(멀티라인 에디트)

13. 13
-UIPopupList
Option : 선택될 수 있는 값 명시
Default : 초기값
Position : 진행방향 (Auto / Above / Below )
Localized : 지역화 사용, 해당 문자열을 키 값으로 가져오게됨(내부적으로는
PlayerPrefs)
Atlas
Background : 배경 스프라이트
Highlight : 선택시 보여질 스프라이트
Background : 색 지정
Highlight : 색 지정
Animated : true면 부드럽게 펼쳐지고, 아니면 팍
OnValueChange
기타 : 실행시 Drop-down List라는 놈을 생성해서 처리함
Popuplist

14. Thank you.