NGUI 3.5.5( 기본 사용법 분석 : Controls)

클라이언트 개발파트김제룡

목차

1. 공통2. Buttons & ImageButton3. CheckBox4. Label5. BBC Code6. ScrollBar(Horizontal / Vertical)7. Slider(Horizontal / Vertical)8. ProgressBar9. Input Field( 싱글라인 에디트 )10.Input Text( 멀티라인 에디트 )11.Sprite and Dragging

3

widget 을 상속받음으로 , Box Collidor 에 Auto-adjust to

match 사용 가능

공통

4

Buttons & ImageButton

- UIButton (UIImageButton 과 통합되었음으로 ,

작업 필요 )

OnClick 의 함수는 여기에 바로 연결 가능

(uibuttonmessage 필요없음 )

5

- UUToggle 사용Group : 0 이면 그룹 없음 .starting State : true 면 선택된 상태

State transitionsprite : 상태 변경에 사용할 스프라이트 ( 체크마크 )Animation : 상태변경시 사용할 애니메이션 (

체크마크에 적용된 놈으로 )Transtion : 상태가 변할때 스프라이트가 부드럽게

변할지 , 딱딱하게 변할지 (smooth / instant)

OnValueChange-Notify : 변경시 처리할 핸들러 지정

CheckBox

6

- BB 코드를 사용할 수 있음

- 숨은 하이퍼링크등도 가능

- 라벨 글자수에 따라 충돌메시 ( 콜라이더 ) 가 자동 조절됨

Emoticon

라벨의 텍스트로 입력한 이모티콘을 이미지로 변경할 수 있음 .

:) :D <_< >_< x_x -_- o.o (A) (B) (X) (Y)

Label

BBC CodeBBCode 또는 빌트인 보드 코드 (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.wikipedia.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.png" alt="" />

[quote] 인용 텍스트 [/quote]<blockquote><p> 인용 텍스트 </p></blockquote>

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;"> 붉은 글씨 </span>

붉은 글씨

[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></table>

테이블 데이터

8

-UIScrollbar 사용 ( 내부적으로 UISlider 을 상속함으로 , 그놈이 그놈이라 할 수 있다 .) 스크롤바에 배경을 설정하고 , Foreground 가 움직이게 된다 ,

Value : 현재값Size : Foreground 의 이미지 크기

(slider 와 틀린것이 slider 의 thumb 의 크기를 조정할 수 있다는 점Alpha : 알파 (0~1)Step : 몇 단계로 0~1 까지가 이루어 지나

AppearanceForeground : 배경Background : 움직일 부분Thumb : 사용 안하지만 , 지정은 가능Direction : 이동 진행 방향 ( 왼 -> 오 / 오 -> 왼 / 아래 -> 위 / 위 ->

아래 )

OnValueChange : 값 변경시 호출된 핸들러 지정 ( 라벨인 경우 , 미리 정의된 UILabel.SetCurrentPercent 등 사용 가능

팁 : 스크롤의 foregroud 를 선택시 , 효과를 주려면 UIButton 을 설정해서 , 컬러가 변하는 효과를 준다 ( 모바일에서는 별로 )

ScrollBar(Horizontal / Vertical)

9

-UISlider 사용슬라이더에 배경을 설정하고 , thumb 가 움직이게 된다 .ValueAlphaSteps : 몇 단계로 0~1 까지가 이루어 지나

Slider(Horizontal / Vertical)

10

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

수 있음

ProgressBar

11

-UIinputLabel : 입력결과를 표시할 라벨지정Value : 라벨에 입력되는 값Saved As : PlayerPrefs 에 자동으로 값을 저장Active Text Color : 활성화된 텍스트 컬러 ( 현재 입력되는 값 )Inactive Color : 캐럿 심볼에 의해 사용된 컬러라는데 , Active Text

Color 에 맞춰지는듯Caret Color : 커서 컬러Selection Color : 문자열 선택시 컬러inputType : Standard / AutoCorrect / PasswordkeyboardType : ASCIICapable / NumbersAndPunctuation /

URL / NumberPad / PhonePad / NamePhonePad / EmailAd-dress

validation : Integer / Float / Alphanumeric / Username / NamecharacterLimit : 글자수 제한

OnSubmit : 적용시 ( 엔터등 )OnChange : 글자가 변경되는 경우

Input Field( 싱글라인 에디트 )

12

기본적으로 InputField 와 동일

Sprite and Dragging- UIDragObject 스크립트만 붙이고 , Target 만 지정하면 됨

Input Text( 멀티라인 에디트 )

13

-UIPopupListOption : 선택될 수 있는 값 명시Default : 초기값Position : 진행방향 (Auto / Above / Below )Localized : 지역화 사용 , 해당 문자열을 키 값으로 가져오게됨 (

내부적으로는 PlayerPrefs)

AtlasBackground : 배경 스프라이트Highlight : 선택시 보여질 스프라이트Background : 색 지정Highlight : 색 지정Animated : true 면 부드럽게 펼쳐지고 , 아니면 팍

OnValueChange

기타 : 실행시 Drop-down List 라는 놈을 생성해서 처리함

Popuplist

Thank you.