00. 입문

프로젝트를 처음 만들면 위와 같이 Assets에 3개의 폴더를 만들어준다. 폴더를 만들지 않으면 압축이 되지 않는다. 각 폴더는 다음과 같은 기능을 가진다.

1) Resources: 사진, 폰트와 같이 정적인 파일들을 저장한다.

2) Scenes: 프로젝트의 Scene을 저장한다.

3) Scripts: 작성한 script를 저장한다.

-

01. 버튼

Hierarchy에 위의 사진처럼 버튼을 추가한다. 버튼은 캔버스위에 만들어지기 때문에 캔버스를 만들지 않고 버튼을 추가하게 되면 캔버스가 자동으로 생성된다.

화면에 버튼이 추가된 것을 확인할 수 있다.

우측 Inspector에서는 버튼에 다양한 설정을 할 수 있다.

이 중 일부만 살펴보자.

1) Source Image: 버튼의 이미지를 변경할 수 있다. 이미지는 기본 타입으로 된 이미지는 사용할 수 없고 sprite타입만 사용할 수 있다.

2) Color: 버튼의 색상을 지정한다.

3) Interactable: 버튼 활성화/비활성화를 체크

4) Transition (None, Color Tint, Sprite Swap, Animation)

• None: 효과 없음

• Color Tint:
  

• Normal Color: 버튼에 아무 행동도 취하지 않을 때의 색상
  

• Highlighted Color: 버튼이 선택되었거나 버튼 위에 마우스가 올라가 있을 때 선택되는 색상
  

• Pressed Color: 마우스로 꾹 누르고 있을 때의 색상

• Disabled Color: 비활성화되었을 때 색상

• Color Multiplier: 각 전환의 틴트 컬러를 고유 값에 곱한다.

• Fade Duration: 전환하는 데 걸리는 시간

• Sprite Swap: 이미지 전환

각 동작을 했을 때 등록한 이미지(Sprite)로 바뀌게 된다.

5) Navigation: 컴포넌트가 선택되는 순서를 지정한다.

-

스크립트를 적용하여 다양한 동작을 할 수 있다.

- 추후 계산기 만들기 업로드 예정

참고

https://learn.unity.com/tutorial/ui-components?language=en#

https://docs.unity3d.com/kr/2019.4/Manual/script-SelectableTransition.html