유니티:UI 편집하기

{{유니티}}

==개요==
게임 메뉴나 스테이터스 등을 표시하기 위한 정보제공기능.

여러 카메라 중 어떤 카메라를 플레이어에게 보여줄지 배정하기도 한다.

<br />

===제작===
계층 창에서 우클릭을 하면 UI메뉴가 따로 있다.

Canvas 컴포넌트를 만든다. 캔버스는 바로 게임의 창.. 카메라가 아닌, 


캔버스에 가까운 것이 상위에 위치한다.(레이거 같은 느낌으로)

====유의====
UI는 캔버스 하위에 속할 때에만 보인다.

===Text UI===
문자열을 표시하는 UI. 폰트는 라이센스 꼭 확인!
{| class="wikitable"
|+
!세부항목
!설명
|-
|Line Spacing
|행바꿈을 할 때 몇 줄을 띄울 것인가.
|-
|Horizental overflow
Vertical overflow
|칸을 넘쳐나는 문자열을 포함되지 않는데, 이걸 조절하면 칸이 넘치는 문자열도 표현할 수 있다.
|-
|Best Fit
|
|}

===이미지 UI===
소스이미지를 가져다 넣어야 한다. 이미지 파일을 끌어다 넣으려면, 이미지 타입을 Sprite로 바꾼 후에 넣어주어야 한다.
{| class="wikitable"
!세부항목
!설명
|-
|Image Type
|이미지타일을 만들거나, 하나의 이미지를 조정하거나 Filled를 통해 이미지 트렌젝션을 할 수도 있겠다. 혹은, 쿨타임 효과 구현에 쓰인다.
|-
|Set Native Size
|본래 이미지 크기와 동일하게 수정한다.
|-
|
|
|}

===버튼 UI===
클릭이벤트를 가진 반응형 UI이다. TextUI를 포함하고 있다. 이미지 스크립트를 컴포넌트로 갖고 있다.
{| class="wikitable"
!세부항목
!설명
|-
|Interactable
|반응 하느냐?
|-
|Transition
|
{| class="wikitable"
|+
!
!
!
|-
|Color Tint
|상황에 따라 버튼 색을 바꾼다.
|Highlighted Color 
Pressed Color 눌렀을 때 색

Color Multiplier 색을 어떻게 섞을 것인가?
|-
|Navigation
|방향성. 탭 키를 누르면 어디로 갈 것이냐?
|Automatic으로 해두는 게 간편할듯.
|-
|On Click()
|작동 함수를 넣을 수 있따.
버튼을 누르고 떼기가 한 동작.
|함수를 넣은 후에 넣어줄 변수를 설정한다.
|}
|}

==앵커==
캔버스의 기준점을 앵커라 부른다. 캔버스의 어느 지점을 좌표계의 중심으로 잡을 것인가.

Rect Transform에서 앵커 프리셋을 볼 수 있다. shift를 누르고 보면 컴포넌트에서의 기준점도 정할 수 있다.

앵커를 잘 이용하면 단말기마다 다른 화면 크기에서도 일관성을 유지할 수 있다.

<br />

==코드로?==
UI를 코드로 다룰 수도 있다. 객체를 가져오는 명령을 통해서 텍스트내용을 코드에서 변경해보자.

하위요소를 불러오려면 기존 불러오는 방식 뒤에 Inchildren까지 붙여주어야 한다.<syntaxhighlight lang="c#">
//다음의 코드가 최상단에 추가되어야 한다. UI를 사용한다는 의미.
//UI요소를 조작하려면 이 코드가 필수이다.
using UnityEngine.UI;

</syntaxhighlight>