如何轻松用Flash8制作计时器

Flash8如何制作计时器

Flash8是一款功能强大的动画制作软件，不仅适用于制作各种动画效果，还可以用来制作实用的计时器。本文将详细介绍如何在Flash8中制作一个简单的计时器，让你能够轻松掌握这一技能。

一、准备工作

首先，你需要在电脑上安装并打开Flash8软件。在启动后的界面中选择“创建新项目——Flash文档”，这将打开一个新的Flash文档，供你进行编辑和制作。

二、设置基本属性

1. 设置帧频：

打开新建文档后，你可以看到舞台下方的属性面板。为了计时器的精确性，我们需要将帧频设置为一个合适的数值。通常，帧频设置为每秒5帧或12帧较为常见。这里我们以每秒5帧为例，将帧频设置为“5”。

2. 创建图层：

接下来，右键点击舞台左上方的“图层1”，在弹出的对话框中输入图层名称，比如“背景”，然后点击确定。这个图层将作为整个计时器的背景图层。

三、制作背景

1. 绘制背景：

选择工具箱中的“矩形”工具，在属性面板中设置笔触颜色为黑色，填充颜色也为黑色，笔触高度为1，笔触样式为实线。然后在舞台中央按住键盘的Shift键，绘制一个正方形作为背景。

四、创建计时器界面

1. 添加圆形：

大圆：点击插入图层图标，插入一个新图层，命名为“大圆”。选择工具箱中的“椭圆”工具，在属性面板中设置笔触颜色为灰色，填充颜色为白色，笔触高度为4，笔触样式为实线。按住键盘的Shift键，在舞台上绘制一个正圆形，并命名为“大圆”。使用“选择”工具将“大圆”全选，在对齐面板中分别点击“水平居中分布”和“垂直中齐”，使其居中。

中圆：同样，插入一个新图层，命名为“中圆”。使用“椭圆”工具，设置相同的笔触和填充颜色，绘制一个较小的正圆形，并命名为“中圆”。同样使用“选择”工具将其居中对齐。

小圆：继续插入一个新图层，命名为“小圆”。使用“椭圆”工具绘制一个更小的正圆形，并命名为“小圆”。同样将其居中对齐。

2. 添加直线：

插入一个新图层，命名为“直线”。选择工具箱中的“线条”工具，在属性面板中设置笔触颜色为黑色，笔触高度为5，笔触样式为实线。按住键盘的Shift键，在舞台上绘制一条横直线，并使用“选择”工具将其水平居中和垂直居中对齐。同样操作再绘制一条纵直线，使其与横直线交叉于“中圆”的中心。

五、添加数字显示

1. 创建数字图层：

插入一个新图层，命名为“数字”。选择工具箱中的“文本”工具，在属性面板中选择Arial Black字体，颜色为红色，字体大小为70，点选粗体。然后在舞台上输入数字“00:00:00”（假设我们要制作一个能够显示小时、分钟和秒的计时器），并使用“选择”工具将其居中对齐在“中圆”的位置。

六、编写计时器代码

1. 设置动态文本：

将数字“00:00:00”转换为一个动态文本。在舞台上选择文本，然后在属性面板中找到“实例名称”，输入一个名字，比如“time_txt”。

2. 创建按钮：

开始/暂停按钮：使用工具箱中的“矩形”工具或“椭圆”工具，绘制一个按钮形状，并填充颜色。选择“文本”工具在按钮上添加文字“开始/暂停”。在属性面板中设置按钮的实例名称为“btn_start”。

重置按钮：同样绘制另一个按钮，添加文字“重置”，并设置实例名称为“btn_reset”。

3. 添加代码：

在时间轴的第一个关键帧上，打开“动作”面板，输入以下ActionScript 2.0代码：

```actionscript

// 初始化变量

var isRunning = false;

var startTime = 0;

var elapsedTime = 0;

// 开始/暂停按钮点击事件

btn_start.onRelease = function() {

if (!isRunning) {

startTime = getTimer() - elapsedTime; // 获取当前时间并减去已用时间

isRunning = true;

updateTimer(); // 更新计时器

} else {

elapsedTime = getTimer() - startTime; // 计算已用时间

isRunning = false;

};

// 重置按钮点击事件

btn_reset.onRelease = function() {

isRunning = false;

startTime = 0;

elapsedTime = 0;

time_txt.text = "00:00:00"; // 重置计时器显示

};

// 更新计时器函数

function updateTimer() {

if (isRunning) {

elapsedTime = getTimer() - startTime; // 计算已用时间

var hours = Math.floor(elapsedTime / 360000); // 转换为小时

var minutes = Math.floor((elapsedTime % 360000) / 6000); // 转换为分钟

var seconds = Math.floor((elapsedTime % 6000) / 100); // 转换为秒

// 格式化显示

time_txt.text = (hours < 10 ? "0" + hours : hours) + ":"

(minutes < 10 ? "0" + minutes : minutes) + ":"

(seconds < 10 ? "0" + seconds : seconds);

// 每秒调用一次更新函数

setTimeout(updateTimer, 1000);

```

七、测试和优化

1. 测试计时器：

按下键盘上的Ctrl+Enter键，测试你的计时器是否按预期工作。点击“开始/暂停”按钮启动计时器，再次点击可以暂停计时。点击“重置”按钮可以重置计时器。

2. 优化界面：

根据你的需求，调整按钮和文本的样式、颜色、大小等，使其更加美观和实用。

3. 保存文件：

测试满意后，按下键盘的Ctrl+S键，保存你的计时器影片。

通过以上步骤，你已经成功在Flash8中制作了一个简单的计时器。这个计时器可以显示小时、分钟和秒，并且具有开始/暂停和重置功能。你可以根据自己的需求，进一步扩展和优化这个计时器，例如添加更多的功能、改变界面样式等。希望这篇文章能够帮助你更好地掌握Flash8制作计时器的技能。