多语言展示
当前在线:583今日阅读:155今日分享:35

AS3基础教程-第57课-计时器小程序(下)

我们来实现上节课遗留下的新功能:由观众手动输入数字,我们的小程序根据观众设置的数字来开始计时。
工具/原料

flashCS6

方法/步骤
1

将我们的56.fla文件复制一份重命名为57.fla,然后打开这个文件

2

首先,需要将舞台上的动态文本的属性修改为 输入文本,只有这样,才可以实现输入的目的。

3

然后,我们需要限制用户输入的字符,只能是数字。这里有两种解决方案:一是通过代码进行限制,二是在属性面板内进行限制。这里我们使用第二种方案,在属性面板内进行限制,如下图所示进行设置即可

4

接下来,我们需要对输入字符的个数进行限制,因为中间牵扯到一个 冒号 ,将分钟和秒钟给隔开。用户不一定能按照我们的设定来,因此,最好这样:将分钟和秒钟分开,制作成两个单独的输入文本,中间的冒号我们制作成一个单独的静态文本。然后给两个输入文本分别重新设置实例名为fenzhong_txt 和miaozhong_txt并分别在属性面板内限定字符的个数为2,如下图所示:

5

至此,准备工作已就绪。接下来就是代码编写了。

6

首先将上节课内的 动态文本的赋值 都给重新编写一下,因为之前的文本框是一个整体,但是现在我们将其拆分为两部分了:

7

接下来,就是将用户输入的数值转换成时间值。由于是用户单击了“开始”按钮之后再计时的,所以将时间的赋值放在开始按钮的响应函数内

8

测试影片,效果已经出来了

注意事项

源文件已经共享,文件名为57.fla

推荐信息