下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

学习FLASH制作时钟的过程

作者:课课家教育     来源: http://www.kokojia.com点击数:1289发布时间: 2016-08-27 10:00:32

标签: flashAS3.0效果图

想学设计?来看看大师是如何完成作品的?

  时钟,在我们生活中可以说是无处不在,它是告诉我们时间的好帮手,时刻提醒着我们时间的重要性。但是我们有没有想过用flash来制作时钟呢?今天小编就为大家介绍这篇教程:使用FlashAS3.0来制作时钟,希望能给大家带来帮助。

  首先小编先给大家看一看效果图吧,如图所示:

学习FLASH制作时钟的过程_flash_AS3.0_效果图_课课家

  虽然有人和小编说,制作时钟很老套了一点。但是小编认为,它的确可以比较全面地应用到时间日期和间隔等等知识,仍然不失为是一个较好的入门练习。

  一、AS3.0时间日期简介

  大家知道时间和日期主要应用在哪里吗?它主要是应用在读取时间日期和设置时间间隔这两个方面。在AS3.0中时间日期仍然是用Date类来读取,与AS2.0相比,AS3.0如果要获取时间日期会更加方便一些。同样的,如果要使用Date类首先我们要创建该类的一个实例,比如:

  varnowtime:Date=newDate();

  这样就获得了一个Date的实例:nowtime

  1.直接调用Date实例的一些属性,就可以直接获得当前日期和时间,如下:

  ①当前年份:nowtime.fullYear

  ②当前月:nowtime.month+1(month属性的值是0-11,所以如果我们要获得当前月份应该是month+1)

  ③当前日:nowtime.date

  ④当前星期:nowtime.day(day属性的值为0-6)

  ⑤当前小时:nowtime.hours

  ⑥当前分钟:nowtime.minutes

  ⑦当前秒钟:nowtime.seconds

  2.在AS3.0中设置时间间隔最常用的应该是Timer类

  ①首先我们要创建一个Timer类的实例:var实例名称:Timer=newTimer(间隔的毫秒数,[重复次数]);

  比如我们要设置一个每隔1秒钟执行一次,一共要执行5秒钟的时间间隔:varjg:Timer=newTimer(1000,5);

  如果我们没有设置重复次数参数,那么将永不停止地每隔一间隔时间执行一次。

  ②创建Timer实例以后,就用该实例来侦听TIMER事件,调用函数:jg.addEventListener(TimerEvent.TIMER,sc);

  这样每隔一秒就会调用一次sc函数,一共要调用5次。

  ③Timer实例起动:jg.start();

  ④我们将要执行的动作定义在一个函数中,如上面的sc函数,格式如下:

  function函数名(event:TimerEvent):void{

  要执行的动作

  }

  ⑤下面是一个完整的Timer类应用的代码,如图所示:

完整的Timer类应用的代码

  将上述代码粘帖在第一帧,测试影片,每秒钟将会输出一个数字,5秒后结束运行,最终结果是:1-2-3-4-5

  二、制作时钟

  按下图制作好钟面及指针,时针、分针、秒针均为MC,注册点在底部正中间,实例名称分别为sz_mc,fz_mc,mz_mc

  年、月、日、星期一共4个动态文本框,实例名称分别为:y_txt,m_txt,d_txt,w_txt

  如图所示:

制作时钟

  小编总结:

  相信通过这个教程,我们已经学习到使用FlashAS3.0来制作时钟。只要按照以上的教程,我们就可以制作出一个时钟出来,是不是感觉非常的简单易学呢?大家快来动手试一试吧。想要了解更多详细内容可进入课课家的课程视频教学哦,希望这个教程大家会喜欢!

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程