간단한 스크롤바 만들기

전체 스크롤바를 무비클립으로 묶어 한 세트로 만듭니다.

그 후에 무비클립 내부에 아래의 스크립트를 적어 넣습니다.

소스를 열어서 확인해 보세요.

3_scrollbar.fla

 

/* 스코롤바 만들기 */

//마우스 다운시 일어나는 일

bar.buttonMode = true;

bar.addEventListener(MouseEvent.MOUSE_DOWN,down);

function down(e:Event):void{

 bar.addEventListener(Event.ENTER_FRAME,showTxt); //엔터프레임이벤트등록

 var bounds:Rectangle = new Rectangle(0,0,200,0); //드래그범위설정(시작점x, 시작점y, 가로, 높이)

                                                                         //여기서는 높이를 0으로 설정하는 것이 포인트

 bar.startDrag(true, bounds);

 stage.addEventListener(MouseEvent.MOUSE_UP, up);

}

 

//마우스업 이벤트함수

function up(e:Event):void{

 bar.removeEventListener(Event.ENTER_FRAME, showTxt);

 bar.stopDrag();

 stage.removeEventListener(MouseEvent.MOUSE_UP, up);

}

 

//텍스트출력

function showTxt(e:Event):void{

 txt.text = String(bar.x);

}