FlashMX经典实例(9)
FlashMX经典实例之电子日历效果预览图：
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412248477801.jpg
图1-1效果简介：该实例是一个很普遍的电子日历效果。因为许多效果都需要使用到时间，时间效果也是大家最喜欢和最想要学习的。所以笔者就用这个效果来作为“攻克”对象的突破口。文章简介：其实大部分对象并没有大家想得那么难掌握。通过学习这个电子日历效果的制作，读者们不仅可以学到Date（时间）对象的使用方法，还可以对整个对象产生一个具体的认识。制作步骤：设置场景的大小为240px×160px，背景色为黑色，帧频为15fps。1．按快捷键Ctrl F8，然后创建一个“背景”图形元件。在“背景”的场景中按快捷键Ctrl R打开“导入”面板导入一幅背景图。如图1-2所示。图片的大小应该和场景的大小一致。
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412254677802.jpg
图1-22．把主场景中的“图层 1”改名为“背景”层，打开库，把“背景”元件从库中拖拽到“背景”层中。现在教大家一个调整背景图片和场景快速重叠的技巧。首先选中背景图片，接着按快捷键Ctrl K键或是点击图标
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412259377803.jpg
打开“对齐”面板，然后按下“舞台分布”图标
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412264077804.jpg
，如图1-3所示。
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412264077805.jpg
图1-3接着单击左对齐，上对齐图标就即可。3．点选“工具”面板中的“文本”工具
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412273477806.jpg
，然后如图1-4所示设置“属性”面板。
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412278177807.jpg
图1-44．接着创建一个“文本”层，用来放置几个动态文本，如图1-5所示。
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412287577808.jpg
图1-5在“文本”层中绘制5个动态文本，如图7-6所示。然后分别为其申明变量名：yeahtext、daytext、weektext、half、timetext。
www.ad119.cn/bbs/attachments/websoft/20090413/200941311412287577809.jpg
图1-65．设置好动态文本后。再创建一个“脚本”层，用来放置代码。如图1-5所示。右键单击该层的第1帧，在弹出的菜单中选择“动作”命令，或按F9键打开“动作”面板。然后键入以下代码。代码的作用是让动态文本能够显示系统当前的时间，日期，年份等。// 创建新的日期对象，然后调用其方法和属性time = new Date();// 把系统当前的时钟值赋给变量hour// 把系统当前的分钟值赋给变量minute// 把系统当前的秒种值赋给变量secondhour = 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;</P
页:
[1]