액션스크립트 3.0 강좌 :: 텍스트필드와 텍스트필드 증감 예제

textField

 

text=" 블라블라 ";

tf.textColor =  텍스트 컬러

tf.border = true;

tf.borderColor = 테두리 컬러

tf.background= true;

tf.backgroundColor=  백그라운드 컬러

 

 

MouseEvent.CLICK : 클릭이벤트

MouseEvent.DOUBLE_CLICK : 더블 클릭 이벤트

 

※ 더블크릭은  cpu의 자원을 많이 사용하므로

   gr.doubleClickEnabled=true; 를 명시해주어야 함.

 

 

 

var gr:MovieClip = green;

gr.doubleClickEnabled=true;
gr.addEventListener(MouseEvent.DOUBLE_CLICK,onClick);

function onClick( e:MouseEvent):void
{
 trace("클릭");
}

 

 

텍스트 필드와 버튼을 이용한 간단한 무비 예시

 

예제 1)  버튼을 클릭하면 텍스트가 1씩 증가/감소 하는 무비

 

텍스트 필드와 버튼을 만든다

텍스트 필드명  txtA

버튼명  green

 

var tf.TextField = txtA;

var gr : MovieClip = green;

 

var a : int = 1;

tf.text = a;

 

 

//에러 발생 --> a를 String으로 받아야함

 

 

var.tf.TextField = txtA;

var gr: MovieClip = green;

var gd: MovieClip = red;

 

//변수 선언

var a :  int = 1;

tf.text = String(a);

 

//  green버튼을 클릭할 때 1씩 증가하는 코드

 

gr.addEvnetListener(MouseEvent.Click, onClick);

function onClick( e:MouseEvent) : void

{

a = a + 1;

trace(a);

}

 

//  red버튼을 클릭할 때 1씩 감소하는 코드

 

gd.addEventListener(MouseEvent.Click, onRedClick);

function onRedClick( e:MouseEvent ): void

{

a = a-1;

trace(a);

}

 

 

 

 

 

 

예제 2 ) 입력 텍스트 필드 만들기

 

텍스트필드 1 : aaa_txt

텍스트필드 2 : bbb_txt

텍스트필드 3 : ccc_txt

 

버튼 : red_mc

 

 

 

var aaa:TextField = aaa_txt;

var bbb:TextField = bbb_txt;

var ccc:TextField = ccc_txt;

 

var red:MoiveClip = red_mc;

 

red.addEventListener(MouseEvent.CLICK, onClick);

 

function onClick( e: MouseEvent): voiid

{

             ccc.text = aaa.text + bbb.text;

}

 

// 문자열끼리 합쳐지는 에러 발생

 

 

var aaa:TextField = aaa_txt;

var bbb:TextField = bbb_txt;

var ccc:TextField = ccc_txt;

 

var red:MoiveClip = red_mc;

 

red.addEventListener(MouseEvent.CLICK, onClick);

 

function onClick( e: MouseEvent): voiid

{

             ccc.text = String( Number(aaa.text) + Number(bbb.text));

}

 

// 입력한 텍스트를 숫자로 입력하도록  number로 받고 전체를 문자열로 string 으로 받아준다.

 

 

텍스트 필드에 숫자만 입력하게 하기

 

변수명.restrict="0-9";

 

 텍스트 필드에 숫자와 여문자 입력하기

 

변수명.restrict="0-9A-Z";

 

텍스트 필드에 글자수 제한하기

 

변수명.maxChars=3;

 

텍스트 필드에 제외하고 싶은 글자 제한하기

 

변수명.restrict="^ ";

 

'-'는 범위 연산자로 사용되는데

텍스트필드에 '-'를 사용하게 하고 싶다면

'||-' 처름 '-'  앞에 '||' 를 붙여준다.