본문 바로가기

유니티NGUI4

NN 유니티 | NGUI - UIIput UIButton 1. UIInput Widget Tool (legarcy) 1. Input 위젯 Template : Input Background : -> Add To 하면 input 위젯 생성 (box collider 포함, 자식으로 배경, 라벨) 2. 스크립트 새 오브젝트 - 스크립트 (텍스트입력 받는) 3. 스크립트 연결 위 input 위젯 onSubmit 2번 오브젝트 드래그 메서드는 public 4. 오브젝트의 스크립트 컴포넌트에 위젯 연결 1.1 컴포넌트 Validation : Input위젯에 입력되는 값을 특정 값만 입력받도록 사용 Mobile Keyboad : 모바일 장치에서 입력받을 때 사용할 soft 키보드를 지정 Hide Input : 텍스트 입력 받을 때 입력창을 화면에 보여줄지 숨길지 On Ret.. 2020. 3. 10.
NN 유니티 | NGUI - UIScrollView 게임이나 어플을 만들다 보면 스크롤을 구현해야만 합니다.NGUI UIScrollView에 대해서 알아보고 문제점들을 해결해 보겠습니다. 생성 : NGUI -> Create -> ScrollViewUIGrid 컴포넌트를 이용하여 배치 (대부분 같이 사용) UI Scroll View 컴포넌트 톱니 -> Reset Clipping Position Content Origin : 피봇 설정Movement : 방향Drag Effect : 자연스러운 멈춤 효과Scroll Wheel Factor : 마우스 스크롤Momentum Amout : 드래그하고 놓았을 때 탄력Restrict Within Panel : 패널을 벗어나지 않도록Cancel Drag If Fits : 패널 영역안에 모두 위치한 경우 스크롤 사용 안함S.. 2020. 3. 10.
NN 유니티 | NGUI - UISprite UILabel UISprite NGUI 핵심위젯 Type ⊢ 스프라이트 타입⊢ Simple : 원본 이미지의 원래 크기 그대로 사용⊢ Sliced : 크기 조절을 해야하는 경우에 사용, 확대가 이미지가 깨지거나 흐려지는데 테두리는 잘라내고 가운데만 확대type sliced - sprite 옆에 edit - sprite details 에서 border값 설정⊢ Tiled : 원본 이미지를 타일링해서 스프라이트를 구성할 때 사용∟ Filled : HP 게이지 등 스프라이트 일부만 그리거나 하는 등의 효과가 필요한 경우에 사용 Flip Color Tint Widget⊢ Depth : 같은 패널내에서 높은 값을 가질수록 위⊢ Size : Snap 원래 사이즈∟ Aspect 가로 세로 비율 고정 : Based On Width .. 2020. 3. 10.
NN 유니티 | NGUI 기초 NGUI UI Root라는 스크립트 아래 자식오브젝트를 두고 화면에 그림Panel과 Widget(sprite, label 등)을 통해 정렬(순서를 정해서)하여 화면에 그림 UI Root : 카메라 생성(Main Camera 삭제)Label : 폰트를 이용해서 글자 출력Button : 충돌 박스(Box Collider)가 있어야 터치 인식Scroll View Camera Scroll View⊢ UIScrollView 컨텐츠 구현에 자주 사용. ∟ UIPanel을 이용해 클립핑(UIWidget을 상속받지 않으면 클립핑 불가) NGUI 구성 1. Anchor : 해상도가 바뀌어도 항상 고정2. Panel ⊢ Sprite, Label, Button 등 다양한 Widget들을 배치⊢ 전부 패널 안에서 그려짐∟ 패.. 2020. 3. 9.