[플래시 강좌] Action Script 3.0 (버튼만들기)

*액션스크립트 3.0으로 

마우스오버, 마우스아웃, 클릭시 이미지가 변화는 버튼을 만들어 보겠습니다.

1. 우선 네모를 하나 그리고 무비클립으로 만들어 줍니다.

2. 무비클립 생성후 Properties창에서 인스턴스 네임을 boxMc로 바꿔줍니다.

3.무비크립생성후 레이어 명을 main박스로 변경합니다.

4.그리고 생성하신 박스를 더블클릭하시면 무비클립 내부로 이동합니다.

이동후 레이어명을 in박스로 바꿔주시고 타임라인에서 단축키F6 으로 

3프레임까지 키프레임을 추가해줍니다.

5. 서로 구분해 주시 위해 2프레임 선택후 박스 이미지 색을 바꿔줍니다.

6. 3프레임에 있는 박스도 다른 색으로 변경해줍니다.

7.그리고  플래시 실행(Ctrl + Enter)할때 자동으로 반복되는걸 막기위해

레이어 추가후 1프레임에서 단축키 F9 로 스크립트 창을 띄워 stop();를 입력해줍니다.

8. 그리고 메인박스가 있는 곳으로 돌아와 아래와 같이 스크립트를 입력해 줍니다.

코드에 대해 잠깐 보겠습니다.ㅎ

boxMc.buttonMode = true; 은 boxMc에 마우스를 댔을때 마우스커서가 손가락 모양으로 변하게 해줍니다.

boxMc.addEventListener(MouseEvent.MOUSE_OVER, boxMcOverHandler);

boxMc라는 무비클립에 마우스 이벤트를 등록합니다. MOUSE_OVER는 무비클립위에 마우스를 이동했을때 발생합니다.

boxMc.addEventListener(MouseEvent.MOUSE_OUT , boxMcOutHandler);

MOUSE_OUT 은 MOUSE_OVER했다가 마우스를 다른 곳으로 이동했을때 발생합니다. 기본상태입니다.

boxMc.addEventListener(MouseEvent.MOUSE_DOWN , boxMcDownHandler);

MOUSE_DOWN 은 BOXMC를 마우스를 클릭후 손을 떼지 않은 상태입니다.

boxMc.addEventListener(MouseEvent.CLICK , boxMcClickHandler);

CLICK은 다들아다시니 클릭후 마우스를 뗐을때 이벤트 발생합니다.

함수내에 e.currentTArget는 boxMc라고 보시면 됩니다.

gotoAndStop(숫자)은 boxMc내의 적힌 숫자의 위치로 프레임이동해 정지해 있게됩니다.

button.fla