Flash CS4 练习：计算器

Flash CS4 练习：计算器在Windows 操作系统中，已经集成了计算器程序，用户可以通过该程序进行四则运算。

本练习将使用ActionScript 3.0语言制作一个简单的计算器程序，可以实现两个操作数之间的加、减、乘和除。

操作步骤：（1）新建700×500像素的空白文档，将素材图像导入到【库】面板，并将背景图像拖入到舞台中。

然后，使用【矩形工具】绘制一大一小两个矩形，将其转换为影片剪辑元件，并在【属性】面板中设置Alpha 值为“65%”。

（2）新建“标签”影片剪辑元件，在舞台中绘制一个圆角矩形，删除其左侧部分区域，并输入“计算器”文字。

然后返回场景，将该影片剪辑元件拖入到计算器背景的右侧，在【属性】面板中为其添加“投影”滤镜。

绘制设置拖入到舞台（3）新建“标题栏”影片剪辑元件，选择【矩形工具】，在【属性】面板中设置【笔触】为2；【笔触颜色】为“棕色（#DC8402）”，在舞台中绘制一个从白色到棕色的渐变圆角矩形。

然后新建图层，在圆角矩形上面输入Calculator 文字，并为其添加白色、2像素的描边。

（4）返回场景，新建“标题栏”图层，将“标题栏”影片剪辑元件拖入到计算器背景的顶部。

新建“文本输入框”影片剪辑元件，在舞台中绘制一个白色的圆角矩形。

使用【文本工具】在该矩形上面创建一个动态文本，设置其【实例名称】为numInput ，并输入默认值为0。

（5）返回场景。

新建图层，将“文本输入框”影片剪辑元件拖入到“标题栏”的下面，并设置其【实例名称】为input 。

然后，在【属性】面板中为其添加“投影”滤镜，并设置【模糊X 】和【模糊Y 】为“6像素”；【角度】为“90度”；【距离】为“1像素”。

绘制输入拖入设置设置绘制设置输入描边提示：在输入文字后，必须将其分离为图形，这样才能使用【墨水瓶工具】为其添加描边。

拖入设置绘制创建设置（6）新建“按钮-0 (初始)”影片剪辑元件，使用【矩形工具】绘制一个边角半径为5像素的圆角矩形，为其填充从浅到深的棕色渐变，并输入数字0。

然后新建“按钮-0 (经过)”影片剪辑元件，绘制一个相同大小的圆角矩形，为其填充从浅到深的绿色渐变，同样也输入数字0。

（7）新建“按钮-0”按钮元件，在【弹起】状态帧处将“按钮-0 (初始)”影片剪辑元件拖入到舞台中，并设置其“水平居中分布”和“垂直中齐”。

然后分别在【指针经过】和【按下】状态帧处插入空白关键帧，并在相同的位置上拖入“按钮-0 (经过)”影片剪辑元件。

（8）返回场景。

将“按钮-0”按钮元件拖入到计算器背景的左下角，并设置其【实例名称】为“num_0”。

使用相同的方法，制作计算器中其它的按钮元件，将其拖入到舞台中的相应位置，并设置实例名称。

拖入输入设置新建绘制 新建绘制输入输入拖入 插入 拖入 插入拖入注意：在【对齐】面板中设置元件的对齐方式之前，首先要启用【相对于舞台】选项。

（9）新建名称为AS 的图层，打开【动作】面板。

通过new 运算符创建一个名称为arr 的数组，并指定该数组包含有16个元素。

然后，将计算器的各个按钮元件存储到该数组的各个元素中。

var arr:Array = new Array(16); //创建名称为arr 的数组 arr[0] = num_0; arr[1] = num_1; arr[2] = num_2; arr[3] = num_3; arr[4] = num_4; arr[5] = num_5; arr[6] = num_6; arr[7] = num_7; arr[8] = num_8; arr[9] = num_9; arr[10] = ceBtn; arr[11] = addBtn; arr[12] = subBtn; arr[13] = mulBtn; arr[14] = divBtn; arr[15] = resBtn;//将按钮元件存储到arr 数组的元素中（10）通过for 语句侦听数字按钮元件的鼠标单击事件，当事件发生时调用showNum()函数。

该函数可将被单击按钮相应对的数字显示在文本框中，并存储操作数1和操作数2到num1和num2变量中。

var num1:int = 0; var num2:int = 0;//声明存储操作数1和操作数2的数值型变量，并设置初始值 var textNum1:String=""; var textNum2:String="";拖入输入创建//声明存储操作数1和操作数2的字符型变量，并设置初始值var bool:Boolean = false;//用于判断是操作数1还是操作数2for(var i:int = 0;i<=9;i++){var mc:SimpleButton = arr[i];mc.addEventListener(MouseEvent.CLICK,showNum);//侦听按钮元件的鼠标单击事件，当事件发生时调用showNum()函数}function showNum(event:MouseEvent):void{var mc:SimpleButton = event.target as SimpleButton; //获取事件目标对象var numStr:String = String().charAt(4);//获取按钮元件名称的第4位字符，即按钮相对应的数字if(bool==false){//当bool为假时，即设置操作数1textNum1 = textNum1 + numStr;input.numInput.text = textNum1;//在文本框中显示操作数1num1 = int(textNum1);}else{textNum2 = textNum2 + numStr;input.numInput.text = textNum2;//在文本框中显示操作数2num2 = int(textNum2);}}（11）侦听运算符按钮元件的鼠标单击事件，当事件发生时调用oper()函数。

该函数将会根据所单击的按钮元件指定运算符，并对操作数1和操作数2进行相应的运算，将结果显示在计算器的文本框中。

var operator:String; //存储运算符的变量addBtn.addEventListener(MouseEvent.CLICK,oper);subBtn.addEventListener(MouseEvent.CLICK,oper);mulBtn.addEventListener(MouseEvent.CLICK,oper);divBtn.addEventListener(MouseEvent.CLICK,oper);//侦听运算符按钮元件鼠标单击事件function oper(event:MouseEvent):void{bool = true;//当bool变量为true时，即单击按钮生成的数字为操作数2var mc:SimpleButton = event.target as SimpleButton;var str:String = String();//获取被单击按钮的名称，并转换为字符串型数据//根据按钮元件名称指定相应的运算符switch(str){case "addBtn"://当被单击按钮的名称为“addBtn”，即要进行加法运算operator = "+"; //指定加法运算符if(num2 != 0){//如果操作数2不为0，即存在用户指定的操作数2num1 = num1 + num2;//将操作数1和操作数2进行加法运算clearNum2();//调用clearNum2()函数显示运算结果，并初始化操作数2}break;…}}function clearNum2():void{input.numInput.text = String(num1);//将计算结果显示在文本框中num2 = 0;textNum2 = "";//初始化操作数2bool = true;}（12）侦听“等于”按钮元件的鼠标单击事件，当事件性时调用toResult()函数。

该函数根据operator变量存储的运算符，对操作数1和操作数2进行相应的四则运算，并将运算结果显示在计算器的文本框中。

resBtn.addEventListener(MouseEvent.CLICK,toResult);//侦听“等于”按钮元件的鼠标单击事件，当事件发生时调用toResult()函数function toResult(event:MouseEvent):void{bool = false;switch(operator){//根据opreator变量中存储的运算符进行相应的四则运算case "+": //如果变量的值为“+”num1 = num1 + num2;//将操作数1和操作数2进行加法运算break;case "-": //如果变量的值为“-”num1 = num1 - num2;//将操作数1和操作数2进行减法运算break;case "*": //如果变量的值为“*”num1 = num1 * num2;//将操作数1和操作数2进行乘法运算break;case "/": //如果变量的值为“/”num1 = num1 / num2;//将操作数1和操作数2进行除法运算break;}num2 = 0;textNum2 = "";//初始化操作数2input.numInput.text = String(num1);//将运算结果显示在计算器的文本框中}（13）侦听CE按钮元件的鼠标单击事件，当事件发生时调用clearNum()函数。

该函数用于初始化计算器的参数，包括存储字符串型操作数的变量、存储数值型操作数的变量和文本框显示的内容。

ceBtn.addEventListener(MouseEvent.CLICK,clearNum);//侦听CE按钮元件的鼠标单击事件，当事件发生时调用clearNum()函数以初始化计算器参数function clearNum(event:MouseEvent):void{bool = false;input.numInput.text = "0";//指定计算器文本框的内容为“0”textNum1 = "";textNum2 = "";//初始化存储字符串型操作数的变量num1 = 0;num2 = 0;//初始化存储数值型操作数的变量。