유니티 버튼 만들기 - yuniti beoteun mandeulgi

참고 동영상 - Live Training 5th September 2016 - Creating a Main Menu

내용요약(상세 내용은 하단 본문 참고)

버튼 생성

1. Hierarchy 이용

- Hierarchy(하이어라키) > Canvas 오른쪽 마우스 클릭 > UI > Button

버튼 내용 수정

1. Text 수정

- Hierarchy(하이어라키) > Canvas > Button > Text > 오른쪽 패널의 Text

2. 이미지 수정

- Hierarchy(하이어라키) > Canvas > Button > Image > Source Image > 이미지 불러오기

버튼 이벤트 할당

- 버튼 오브젝트 클릭 > 함수 On Click()의 '+' 버튼 클릭 > 'O' 클릭하여 오브젝트 할당 > 사용자 스크립트 오브젝트에 추가 > On Click() Function에서 사용자 스크립트 함수 불러오기

내용상세

버튼 생성

1. Hierarchy 이용

- Hierarchy(하이어라키) > Canvas 오른쪽 마우스 클릭 > UI > Button

Hierarchy 창에서 오른쪽 마우스 버튼을 눌러줍니다.

UI -> Button 클릭하면 버튼이 생성됩니다.

버튼 내용 수정

1. Text 수정

- Hierarchy(하이어라키) > Canvas > Button > Text > 오른쪽 패널의 Text

버튼은 Canvas 하위 개체에 생성이되고 Canvas를 부모로 가집니다

Text 수정

Inspector 의 Text탭에서 버튼의 Text를 수정할 수 있습니다.

Text가 수정된 버튼입니다.

2. 이미지 수정

- Hierarchy(하이어라키) > Canvas > Button > Image > Source Image > 이미지 불러오기

이미지 수정

버튼의 속성중 Image에서 Source Image에서 원하는 이미지를 할당할수 있습니다.

할당된 버튼

버튼 이벤트 할당

- 버튼 오브젝트 클릭 > 함수 On Click()의 '+' 버튼 클릭 > 'O' 클릭하여 오브젝트 할당 > 사용자 스크립트 오브젝트에 추가 > On Click() Function에서 사용자 스크립트 함수 불러오기

버튼을 클릭하고 인스펙터를 보면 해당 탭이 있다. + 를 누른다

+를 누른 후의 화면이다. 클릭대상을 정해줘야 된다. 생성한 Button을 끌어다가 놓거나. 동그라미를 눌러 해당 버튼을 지정한다.

Button을 지정했다. 해당 Button을 클릭하면 일어날일을 지정해야된다. No Function에서 고르면된다.

원하는 함수를 실행을 하고싶으면 새로운 스크립트를 작성하여 컴포넌트를 붙이자.

사용자임의 스크립트를 붙였다.

스크립트가 정상적으로 붙었으면 다음과같이 목록이뜬다. OnClickExit()는 본인이 임의로 만든 함수다

이렇게해서 버튼의 기능이 완성 되었다.

해당 스크립트 OneClickExit 함수는 어플리케이션을 종료하는 역할을한다.

즉 종료 버튼의 역할을한다.

해당 버튼 클릭시 프로그램이 종료가된다.

결론

Button의 속성에서 Onclick() 메소드를 추가한다.

대상 버튼을 선택한다.

함수를 선택한다.

사용자 스크립트

bExit 스크립트의 OnClickExit함수는 다음과같다.

Application.Quit(); 는 프로그램 종료이다.

메인화면에서 종료버튼이다.