如何使用Flash按钮制作简易计算器.docVIP

如何使用 Flash 按钮制作简易计算器 栗 微，邢素萍 （1.黑龙江农业经济职业学院，黑龙江 牡丹江 157041；2.南京工业职业技术学院，江苏 南京 210046） 摘 要：本文写的是用 Flash 8.0 的脚本语句制作一个简易计算器。说明的的创作思路与实现过程，包括：制作按钮和界面、 脚本编写的步骤。 关键词：Flash 计算器制作；脚本代码；函数 中图分类号：TP399 文献标识码：B 文章编码：1672－6251（2009）02－0123－04 本文将利用 Flash 8.0 的脚本语句制作一个简易计 算器。 涉及到的知识有按钮的制作、 动态文本框的使 用、 函数的内置、 数学计算函数的使用等。 我们要设计的简易计算器的效果展示见图 1： 辑窗口。 图 2 处理导入的按钮图片 步骤 4 把场景中处理过的按钮图片拷贝到 “0” 的编辑窗口， 选择图片按钮， 在属性面板中 其位置为 x： 0， y： 0。 步骤 5 单击选择绘图工具箱中的文本工具 图 1 创作思路： 本例先制作各种按钮， 包括数字按钮、 以及其他按钮， 并且把按钮的 “指针经过” 对应的 【属性】 设置面板中设置文本的颜色为 运算按钮 帧做得与 大小为 30、 字体为 Times New Roman。 然后在舞 图片按钮上输入文本 0， 选择输入的文本， 设置 众不同。 在主场景中绘制一个矩形框， 其中放置一个 动态文本框。 然后把所有的按钮元件拖到主场景中布 置场景。 最后， 给每个按钮编写脚本， 实现它们的功 能。 其中功能的实现是通过两个内置函数的调用。 1 制作按钮和界面 置为 x： 0， y： 0， 2 所示。 完成按钮的 【弹起】 帧制作， 步骤 6 单 击 选 择时间轴窗口的 【 指 针 帧， 按 F6 键， 插入关键帧。 单击绘图工具箱中 色箭头工具， 单击选中舞台中椭圆的轮廓线， 然 步骤 1 启 动 Flash 8.0 后 ， 单 击 【 文 件 】 /【 新 对应的 【属性】 设置面板中设置其颜色为红色。 建】 ， 新建一个 Flash 文件。 单击 【 修改】 /【 文档… 】 命令， 调出电影文件属性对话框， 在对话框中设置场 景大小为 300 px×300px， 背景颜色为淡紫色。 鼠标经过按钮时， 按钮边框变为红色， 如图 3 所 步骤 2 选择 【文件】 /【导入】 /【导入到舞台】， 从外部导入一张按钮位图， 如图 2 所示。 选中位图， 按 Ctrl＋B 键把位图打散， 在中间有数字的地方画一个 与按钮背景色一致的矩形覆盖， 同时把周围无用的背 景色 （白色） 去掉， 如图 2 所示。 图 3 按钮“0”的弹起帧和指针经过帧 步骤 7 单击选中时间轴窗口的 【点击】 帧 步骤 3 选择 【插入】 /【新建元件】 命令， 打开 后按 F5 键， 插入一个普通帧。 使 【按下】 帧和 【创建新元件】 对话框， 创建一个名为 件。 单击 【确定】 按钮关闭该对话框， “0” 的按钮元 切换到元件编 击】 帧对应的内 容 和 【 指 针 经 过 】 帧对应的 内 样， 如图 4 所示。 这样按钮元件 “0” 创建完成。 收稿日期：2008－10－06；修回日期：2009-01-05 作者简介：栗微（1974-），男，讲师，研究方向：计算机教育教学。  按钮的制作其实很简单， 只要充分利用它的 4 个 帧 （弹起、 指针经过、 按下和点击）， 就可以制作出 非常好看实用的按钮， 其中最关键的是要保证任何一 个按钮在不同情况下应当具有不同的形态， 如一个按 钮的 “弹起” 状态和它的 “按下” 应当具有明显的区 别， 而 “指针经过” 状态下的按钮看上去应当比其他 处于正常状态下的按钮更加醒目， 易于辨认。 以上的讨论只限于上面所制作的 “点击” 型的按 钮， 在网页上非常常用。 2 脚本编写 图 4 元件按钮“0”制作完成后的时间轴 步骤 8 字和运算符号 钮。 返回场景， 用同样的方法， 创建其他数 “+ ” 、 “－ ” 、 “*” 、 “/” 以及其他按 注意： 除了数字按钮元件， 其他按钮元件上面的 文本都用红色， 如图 5 所示， 以示区别。 步骤 1 单击选中舞台工作区域中 的 按 钮 元 件 “1”， 左击鼠标， 从菜单中选择 【窗口】 /【开发面板】 /【 动 作 】 命 令 ， 调 出 【 动 作 】 面 板 ， 然 后 在 对 应 的 【动作】 面板的脚本编辑区域中输入如下脚本代码： 图 5 元件按钮使用红色文本 回到场景， 在场景的上方， 步骤 9 绘制一个边 框