코코스 크리에이터 버튼 만들기 클릭 이벤트 연결

코코스 크리에이터 Cocos Creator 버튼 만들기

 

버튼 노드 만들기

 

버튼 노드를 만들어 줍니다.

Hierarchy 에서 Canvas 선택

상단 메뉴에서 > UI Component > Button 클릭

 

그러면 Hierarchy 에 이런 식으로 생성됩니다.

Canvas

└─ Button

 

버튼 모양 설정

Button 노드를 선택하면 오른쪽 Inspector 에서

 

cc.UITransform

Content Size 에서 버튼 크기 조절

 

cc.Sprite

버튼 배경 이미지

SpriteFrame 에 버튼 이미지 드롭

Type 을 Sliced 로 설정하면 9슬라이스 버튼 가능

 

cc.Button

Transition

None / Color / Sprite / Scale 중 선택

Sprite 로 선택하면 Normal, Pressed, Hover, Disabled 상태별 이미지 설정 가능

 

클릭 이벤트 연결

 

만든 버튼에 동작을 넣으려면 스크립트를 만들어서 Button 노드에 스크립트 추가

cc.Button > Click Events > Target / Component / Handler 설정

 

 

아래와 같이 넣으면 버튼을 클릭했을떼 

로고 화면으로 전환 됩니다.

onClickButton() {
    director.loadScene('Logo');
}