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还是操作数2

for(var i:int = 0;i<=9;i++){

var mc:SimpleButton = arr[i];

mc.addEventListener(MouseEvent.CLICK,s howNum);

//侦听按钮元件的鼠标单击事件，当事件发生时调用showNum()函数

}

function

showNum(event:MouseEvent):void{

var mc:SimpleButton = event.target as SimpleButton; //获取事件目标对象

var numStr:String = String().charAt(4);

//获取按钮元件名称的第4位字符，即按钮相对应的数字

if(bool==false){

//当bool为假时，即设置操作数1

textNum1 = textNum1 + numStr;

numInput.text = textNum1;

//在文本框中显示操作数1

num1 = int(textNum1);

}else{

textNum2 = textNum2 + numStr;

numInput.text = textNum2;

//在文本框中显示操作数2

num2 = 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时，即单击按钮生成的数字为操作数2

var mc:SimpleButton = event.target as SimpleButton;

var str:String = String();

//获取被单击按钮的名称，并转换为字符串型数据

//

根据按钮元件名称指定相应的运算符switch(str){

case "addBtn":

//当被单击按钮的名称为“addBtn”，即要进行加法运算

operator = "+"; //指定加法运算符

if(num2 != 0){

//如果操作数2不为0，即存在用户指定的操作数2

num1 = num1 + num2;

//将操作数1和操作数2进行加法运算

clearNum2();

//调用clearNum2()函数显示运算