|
《计算器》的制作方法
【实例说明】：
本例制作一个计算器动画的效果。
【操作步骤】：
〖一〗、新建文档
- 单击“文件”/“新建”命令，创建一个新文档；
- 单击“修改”/“文档”命令；在“文档属性”对话框中设置“尺寸”为200×250，背景色为白色；单击“确定”按钮。
〖二〗、制作“背景层”
- 双击“图层1”；然后将其命名为“背景层”；
- 然后选择工具栏上的矩形工具随意在舞台上绘制一个矩形背景；可参照下面的背景图形：
〖三〗、制作“按钮层”
- 单击时间轴上的“添加新图层”按钮，再添加一个新“图层2”；然后双击“图层2”将其命名为“按钮层”
- 单击“窗口”/“公用库”/“按钮”命令，双击按钮文件夹并从中选择一种按钮；然后拖放到舞台上面即可；
- 双击按钮进入按钮编辑状态；选中“text”图层；单击图层下面的“删除图层”按钮，删除该文字图层；
- 按“Ctrl+L”组合键打开库面板，从中将按钮拖放20个到舞台上（共拖放20次即可）可参照下面的图形；
- 单击“窗口”/“对齐”命令，打开对齐面板，把这些按钮按照下面的图形样式对齐好；
放置好的图形如下：
〖四〗、制作“按钮文字层”
- 单击时间轴上的添加新图层按钮，再添加一个新“图层3”；然后双击“图层3”将其命名为“按钮文字层”；
- 选择工具栏上的文本工具；然后输入以下文本信息（文本信息包括：“M+”、“M-”、“MRC”、“C”、“7”、“8”、“9”、“4”、“5”、“6”、“1”、“2”、“3”、“0”、“。”、“＋”、“－”、“×”、“÷”）；参照下图：
- 单击“窗口”/“对齐”命令，打开对齐面板，把这些按钮文字按照上面的图形样式对齐好；
〖五〗、创建文本框
1、单击时间轴上的添加新图层按钮，再添加一个新“图层4”；然后双击“图层4”将其命名为“文本框”;
2、制作矩形框
选中工具栏上的矩形工具，在第1帧的“YANG计算器”下面拖出一个填充色为白色的矩形框；
3、绘制上面图中的输入文本框
选中工具栏上的文本工具，打开属性面板；选择“输入文本”、字体颜色选黑色；然后在“YANG计算器”后面的矩形框上面拖出一个大小相同的输入文本框；然后选中该输入文本框，在变量名中命名为“display”;
参见下图：
〖六〗、创建“Action层”
- 单击时间轴上的“添加新图层”按钮，再添加一个新“图层5”；然后双击“图层5”将其命名为“Action”
- 选中“代码层”的第1帧，添加如下代码：
stop();
memory = 0;
display = "0";
function PressNum(num) {
if (clear) {
clear = false;
dot = false;
display = "0";
}
if (display == "0" and num != ".") {
display = num;
} else {
display = display+num;
}
}
function PressOper(oper) {
if (operator == "+") {
display = Number(opernum)+Number(display);
}
if (operator == "-") {
display = Number(opernum)-Number(display);
}
if (operator == "*") {
display = Number(opernum)*Number(display);
}
if (operator == "/") {
display = Number(opernum)/Number(display);
}
clear = true;
dot = false;
operator = oper;
opernum = display;
if (oper != "=") {
display = oper;
}
}
//在按数字和小数点键时调用PressNum函数,在按"+"、“-”、“*”、“/”键时调用PressOper函数。clear表示是否清零，dot表示是否有小数点，operator代表当前的运算符，opernum记载第一个操作数
〖七〗、为按钮层添加代码
1、为“M+”、“M-”、“MRC”、“C”添加代码：
（1）确认选择了“按钮层”的“M+”按钮，添加如下代码层：
on (release) {
memory = memory+Number(display);
display = "0";
}
（2）确认选择了“按钮层”的“M-”按钮，添加如下代码层：
on (release) {
memory = memory-Number(display);
display = "0";
}
（3）确认选择了“按钮层”的“MRC”按钮，添加如下代码层：
on (release) {
display = memory;
memory = 0;
clear = true;
}
（4）确认选择了“按钮层”的“C”按钮，添加如下代码层：
on (release) {
display = "0";
dot = false;
}
2、为 “0”、“1”、“2”、“3”、“4”、“5”、“6”、“7”、“8”、“9”添加代码：
（1）确认选择了“按钮层”的“0”按钮，添加如下代码层：
on (release) {
PressNum("0");
}
（2）确认选择了“按钮层”的“1”按钮，添加如下代码层：
on (release) {
PressNum("1");
}
（3）依照（1）的方法，再为其它按钮添加相应代码，只是把“0”分别改为相应的数字即可。
3、为“＋”、“－”、“×”、“÷”、“=”添加代码：
（1）确认选择了“按钮层”的“+”按钮，添加如下代码层：
on (release) {
PressOper("+");
}
（2）确认选择了“按钮层”的“-”按钮，添加如下代码层：
on (release) {
PressOper("-");
}
（3）依照（1）的方法，再为其它按钮添加相应代码，只是把“+分别改为相应的符号即可。
〖七〗、最后按“Ctrl+Enter”组合键测试影片
|
