[Flash/ActionScript 3] Custom Slide bar ( Progress bar )
- 최초 등록일
- 2011.06.29
- 최종 저작일
- 2011.04
압축파일 (7z)
- 가격 5,000원
![할인쿠폰받기](/images/v4/document/ico_det_coupon.gif)
소개글
Flash Action Script 3.0 을 이용하여 만든 Slide bar ( Progress bar ) 입니다.
Custom Progress bar 로 그림파일만 바꾸면 더 멋진 slide bar 도 꾸밀 수 있습니다. ( 색상만 바꿔도 화려하게 할 수 있죠. )
구성은 Slidebar class, ValueEvent class, Main class 로 이루어져 있습니다.
ValueEvent 는 slide bar 의 값이 바뀌었을 때 listener 를 통해 event 를 전달받기 위한 목적으로 만들어진 custom event 이며,
Main class 는 Slide bar 를 어떻게 써야할지를 나타내주기 위해 각기 다른 값이 적용된 슬라이드 바 3개가 붙은 것입니다.
Slidebar class 는 Slidebar 전체를 표시하는 class 입니다.
Slidebar 의 기본 property 들은 다음과 같습니다.
min : 최소값
max : 최대값
continuous : true/false, 값이 변하는 것을 실시간으로 표시할지, 마우스 버튼을 release 했을 때 값을 check할지를 나타냅니다.
precision : 스크롤바의 이동 단위를 나타냅니다. 예를 들어 10으로 설정하면 10단위로 스크롤바가 이동합니다.
width : 스크롤바의 가로길이
height : 스크롤바의 세로 길이
버튼을 눌렀을 때, focus 를 받도록 되어 있습니다.
Slidebar 와 Event class 만 다른 소스코드에 추가하면, 아주 간단하게 custom slide bar 를 사용할 수 있습니다.
컴파일 실행환경
Adobe Flash
본문내용
Flash Action Script 3.0 을 이용하여 만든 Slide bar ( Progress bar ) 입니다.
Custom Progress bar 로 그림파일만 바꾸면 더 멋진 slide bar 도 꾸밀 수 있습니다. ( 색상만 바꿔도 화려하게 할 수 있죠. )
구성은 Slidebar class, ValueEvent class, Main class 로 이루어져 있습니다.
ValueEvent 는 slide bar 의 값이 바뀌었을 때 listener 를 통해 event 를 전달받기 위한 목적으로 만들어진 custom event 이며,
Main class 는 Slide bar 를 어떻게 써야할지를 나타내주기 위해 각기 다른 값이 적용된 슬라이드 바 3개가 붙은 것입니다.
Slidebar class 는 Slidebar 전체를 표시하는 class 입니다.
Slidebar 의 기본 property 들은 다음과 같습니다.
min : 최소값
max : 최대값
continuous : true/false, 값이 변하는 것을 실시간으로 표시할지, 마우스 버튼을 release 했을 때 값을 check할지를 나타냅니다.
precision : 스크롤바의 이동 단위를 나타냅니다. 예를 들어 10으로 설정하면 10단위로 스크롤바가 이동합니다.
width : 스크롤바의 가로길이
height : 스크롤바의 세로 길이
버튼을 눌렀을 때, focus 를 받도록 되어 있습니다.
Slidebar 와 Event class 만 다른 소스코드에 추가하면, 아주 간단하게 custom slide bar 를 사용할 수 있습니다.
[스크린샷 설명]
Main 은 3개의 다른 property 값들을 가진 스크롤바 3개로 구성되어 있습니다.
최상단은 min=0, max=100, continuous=true, precision=1, width와 height 는 default
중단은 min=0, max=100, continous=false, precision=1, width=400, height=100
최하단은 min=40, max=80, continuous=true, precision=2, width=700, height=50
으로 설정되어 있습니다.
하단의 스크린샷은 스크롤바를 조금씩 움직인 것입니다.
최상단은 58 값으로,
중단은 마우스로 클릭한 상태이며, continuous=false 이기 때문에, 마우스 up 될 때까지 값이 안 바뀌고 0으로 남아 있습니다.
( 마우스 up 하면 바로 값이 바뀝니다. )
최하단은 max 를 80 으로 했기 때문에 가장 오른쪽으로 움직엿을 때 80 값을 표시합니다.
참고 자료
없음