Flash制作电子日历时钟
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
Flash MX中新增加了不少对象,如:Stage、System、Microphone、Camera、NetStream、Video等。现在,Button、TextField、TextFormat对象也可以被当作基本对象使用了。即影片剪辑、按钮和文本字段可以作为对象来使用。可以在属性"面板"中给它们设置一个实例名称。TextField和TextFormat对象可以设置、更改文本字段及其内容并设定其格式。Flash MX支持Listener(监听对象)技术,如:FStyleFormat、Key、Mouse、Selection、Stage和TextField,这些对象可以通过addListener支持Listener。 今天我们来做一个电子日历和时间的实例。 效果简介: 该实例是一个很普遍的电子日历效果。因为许多效果都需要使用到时间,时间效果也是大家最喜欢和最想要学习的。所以笔者就用这个效果来作为"攻克"对象的突破口。 制作要点: 其实大部分对象并没有大家想得那么难掌握。通过学习这个电子日历效果的制作,读者们不仅可以学到Date(时间)对象的使用方法,还可以对整个对象产生一个具体的认识。 制作步骤: 设置场景的大小为240px×160px,背景色为黑色,帧频为15fps。 1.按快捷键Ctrl+F8,然后创建一个"背景"图形元件。在"背景"的场景中按快捷键Ctrl+R打开"导入"面板导入一幅背景图。如图7-2所示。图片的大小应该和场景的大小一致。 图 2 2.把主场景中的"图层 1"改名为"背景"层,打开库,把"背景"元件从库中拖拽到"背景"层中。现在教大家一个调整背景图片和场景快速重叠的技巧。首先选中背景图片,接着按快捷键Ctrl+K键或是点击图标 打开"对齐"面板,然后按下"舞台分布"图标 ,如图7-3所示。 图 3 接着单击左对齐,上对齐图标就即可。 3.点选"工具"面板中的"文本"工具 ,然后如图7-4所示设置"属性"面板。 图 4 4.接着创建一个"文本"层,用来放置几个动态文本,如图7-5所示。 图 5 在"文本"层中绘制5个动态文本,如图7-6所示。然后分别为其申明变量名:yeahtext、daytext、weektext、half、timetext。 图 6 5.设置好动态文本后。再创建一个"脚本"层,用来放置代码。如图7-5所示。右键单击该层的第1帧,在弹出的菜单中选择"动作"命令,或按F9键打开"动作"面板。然后键入以下代码。代码的作用是让动态文本能够显示系统当前的时间,日期,年份等。 // 创建新的日期对象,然后调用其方法和属性 time = new Date(); // 把系统当前的时钟值赋给变量hour // 把系统当前的分钟值赋给变量minute // 把系统当前的秒种值赋给变量second hour = time.getHours(); minute = time.getMinutes(); second = time.getSeconds(); milli = int(time.getMilliseconds()/10); // 如果分钟值小于10,就在其前面加一个字符"0",这样设计才符合常理 if (minute < 10) { minute = "0"+minute; } // 如果秒钟值小于10,就在其前面加一个字符"0" if (second<10) { second = "0"+second; } // 如果毫秒值小于10,就在其前面加一个字符"0" if (milli<10) { milli = "0"+milli; } // 如果时钟值小于12,则在half文本里显示字符串"上午",否则显示为下午 if (hour<12) { half = "上午"; } else { half = "下午"; } // 在yeahtext文本里显示系统年份 yeahtext = time.getFullYear(); // 在 daytext文本里显示系统前日期 daytext = time.getMonth()+1+" 月 "+time.getDate()+" 日"; // 在weektext文本里显示系统星期 weektext = "星期 "+time.getDay(); // 在timetext文本里显示系统时间 timetext = hour + ":" + minute + ":" + second + milli; 6.最后一步。按住Shift键,同时又鼠标左键点击选中是个层,使其显示为阴影,然后按F5键为三个层同时插入一帧。 图 7 好了。现在按快捷键Ctrl+Enter来测试一下效果。其实利用实例中的代码,结合电影属性和一些设计的技巧,可以设计出形形色色的时间效果。譬如什么电子表、手表、闹钟,年历;或是控制动画跟随时间变化;或是用在各种广告、贺卡和MTV的效果中。在游戏中Date对象就显得更加重要了,它可以用来设计纪录游戏时间的计时器,或是控制游戏的进程。 另外还要强调一点:Date对象中UTC时间格式是在方法中加上字符UTC,例如getUTCHours(),它能输出现在的UTC时间。如果将格林尼治时间加上不同时区的时间差就可以得到当地时间了。读者朋友也可以自己试着做一个格林尼治时区表。fla源文件下载 关键词:时钟 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash雪景贺卡制作下一篇: Flash动画:新年演唱会
关于Flash制作电子日历时钟的所有评论