flash cs5 练习：制作Flash计算器

flash cs5 练习：制作Flash 计算器在日常生活中，人们经常需要对数字进行加、减、乘、除四则运算，而为了方便操作通常会使用计算器。

在Flash 中，使用ActionScript 3.0中的运算符，就可以制作一个计算器程序，通过按钮和文本字段获取输入的信息，然后计算结果。

操作步骤：（1）新建文档，在【文档设置】对话框中设置舞台的【尺寸】为“550像素×400像素”。

然后，执行【文件】|【导入】|【导入到舞台】命令，将“bg.jpg ”素材图像导入到舞台。

（2）新建图层，使用【文本工具】在舞台的左上角输入“计算器”文字，并设置其字体、大小等属性。

然后，为文字添加“投影”滤镜。

输入导入提示：选择【文本工具】后，在【属性】检查器中设置文字的方向为“垂直”。

（3）新建图层，执行【文件】|【导入】|【打开外部库】命令，打开“素材.fla”素材文件，将“计算器”影片剪辑拖入到舞台的右侧。

然后，使用【文本工具】创建一个动态文本字段，并设置其【实例名称】为numInput。

（4）将“按钮”按钮元件从【库-素材.fla】面板中拖入到舞台。

然后，双击该元件进入编辑环境，使用【文本工具】在按钮上面输入数字1，并在【属性】检查器中设置其字体、大小等参数。

（5）返回场景，在【库】面板中右击数字1影片剪辑，在弹出的菜单中执行【直接复制】命令，创建该按钮元件的副本。

然后，进入到该副本元件的编辑环境，更改数字为2，并将该元件拖入到舞台。

提示：选择“计算器”文字，在【属性】检查器中设置【系列】为“方正汉简简体”；【大小】为“50点”；【颜色】为“黄色”（#F FF859）。

输入设置添加投影拖入创建设置选择拖入并双击输入设置（6）使用相同的方法，制作其他数字、四则运算符号以及“清空”和“等于”按钮元件，并分别拖入到“计算器”上面的相应位置。

然后，通过【对齐】面板使按钮元件之间的距离相等，且水平垂直对齐，并在【属性】检查器中设置实例名称。

（7）新建图层，打开【动作】面板。

通过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变量中。

提示：通过【对齐】面板，可以使数字1相对于“按钮”按钮元件垂直和水平居中对齐。

右击执行更改拖入拖入选择设置单击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,s howNum);//侦听按钮元件的鼠标单击事件，当事件发生时调用showNum()函数}functionshowNum(event:MouseEvent):void{var mc:SimpleButton = event.target as SimpleButton; //获取事件目标对象var numStr:String = String().charAt(4);//获取按钮元件名称的第4位字符，即按钮相对应的数字if(bool==false){//当bool为假时，即设置操作数1textNum1 = textNum1 + numStr;numInput.text = textNum1;//在文本框中显示操作数1num1 = int(textNum1);}else{textNum2 = textNum2 + numStr;numInput.text = textNum2;//在文本框中显示操作数2num2 = int(textNum2);}}（11）侦听运算符按钮元件的鼠标单击事件，当事件发生时调用oper()函数。

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

var operator:String; //存储运算符的变量addBtn.addEventListener(MouseEvent.CLI CK,oper);subBtn.addEventListener(MouseEvent.CLI CK,oper);mulBtn.addEventListener(MouseEvent.CLI CK,oper);divBtn.addEventListener(MouseEvent.CLIC K,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{numInput.text = String(num1); //将计算结果显示在文本框中 num2 = 0; textNum2 = ""; //初始化操作数2 bool = true; }（12）侦听“等于”按钮元件的鼠标单击事件，当事件发生时调用toResult()函数。

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

resBtn.addEventListener(MouseEvent.CLIC K,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 = ""; //初始化操作数2numInput.text = String(num1);//将运算结果显示在计算器的文本框中 }（13）侦听CE 按钮元件的鼠标单击事件，当事件发生时调用clearNum()函数。

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

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