🎮 Unity

[UNITY] 버튼 UI 생성하기

dlalwl_jpg 2023. 1. 26. 21:11

https://studybook.tistory.com/57

 

[UNITY] 게임 배경 설정하기

1. 게임 설명 게임 개발 동아리에서 게임 개발을 시작했다. 유니티를 처음 사용하게 되었는데 게임을 개발하면서 배우게 되는 유니티 사용 방법에 대해 정리할 예정이다. 내가 만들게 된 게임은

studybook.tistory.com

(이어서 작성됩니다!)

설정한 배경에 설정, 소리, 힌트, 홀짝버튼을 생성해보자.

버튼 생성 전에 필요한 버튼이미지를 Assets파일의 image파일에 저장한다.


1. 네모 버튼

GameObject에서 마우스 우클릭 > UI > Button-TextMeshPro 를 클릭한다.

그럼 Canvas안에 버튼이 생성되고, EventSystem이 자동으로 생성된다. 이때, EventSystem은 절대 삭제하면 안 된다.

버튼이 생성된 Scene과 Game화면

버튼을 클릭하여 오른쪽 Inspector에서 넓이와 길이를 설정해주고,

Source Image에 해당되는 버튼 이미지를 드래그해준다.

크기 및 이미지 설정

왼쪽 네모 모양을 클릭하고 생성한 버튼을 클릭해 원하는 위치에 배치한다.

하얀색 네모칸이 배경이라고 생각하면 된다.

위치 변경 결과

그럼 아래와 같이 버튼이 생성된다.

버튼 생성 결과

버튼 이름을 해당하는 버튼 기능으로 변경해주고, 나머지 버튼들도 생성해준다.

버튼 생성 결과


2. 원형 버튼

원형 버튼도 위에서 네모버튼을 만들 때와 똑같이 GameObject에서 마우스 우클릭 > UI > Button-TextMeshPro 를 클릭으로 버튼을 만들어준다.

그리고 Source Image에서 맨오른쪽 아이콘 > Knob를 클릭한다.

그리고 원하는 이미지를 드래그해 원형 버튼을 생성하고 위치를 조정해준다.

Scene 화면 결과
Game 화면 결과