如何利用flash制作时钟?
解决思路
要想制作双历指针式钟表,就要先制作电子表,利用系统函数获得当前的时间和日期,利用动态文本框显示变量值。然后分析秒针、分针、和时针的旋转角度与时间的关系,通过这个数学模型,我们就能做出双历指针式钟表。
具体步骤
1、??运行Flash?MX?2004,新建影片剪辑,命名为“表盘”。进入编辑区绘制一条直线,单击【窗口】|【设计面板】|【变形】命令,打开变形面板,添入旋转角度为30度,拷贝并应用变形。按照同样方法,绘制出其他分钟的刻度。如图3.3.91所示。
图3.3.91????“表盘”的绘制
2、??在背景层中我们添加三个动态文本框,变量名称为:“weeks”,“days”和“timebox”。如图3.3.92所示。
图3.3.92?????键入三个动态文本框
3、??分别新建三个影片剪辑,命名为“时针”,“分针”,“秒针”。绘制三个指针的外形。注重指针的中心点的位置。如图3.3.93所示。
图3.3.93????指针的绘制
4、??导入一段指针移动的模拟音乐。在声音文件的连接属性中选择“为动作脚本导出”,命名为“sound”。
5、??新建一个影片剪辑,命名为“音乐”。在第1帧添加as:stop();?第2帧插入空白要害帧,添加as:
???????ss?=?new?Sound();
ss.attachSound("sound");
ss.start();
ss.onSoundComplete?=?function()?{
???????????ss.start();
};???//调用库中的声音文件sound
6、返回到场景1,把“表盘”影片剪辑拖放到舞台中,利用对齐面板使之处与舞台中心位置。
7、新建一个图层,绘制一个中心点。同样利用对齐面板使之处与中心位置。
8、新建三个图层,分别放置“时针”,“分针”,“秒针”影片剪辑。注重,影片剪辑的中心点要与步骤6绘制的中心点重合。如图3.3.94所示。
图3.3.94??指针的位置
1、??新建一个音乐层,把“音乐”影片剪辑放置在场景的任何位置。在下面的属性面板中,命名为“777”。
2、??分别选择“时针”,“分针”,“秒针”三个影片剪辑,在下面的属性面板中分别命名为“hourpoints”,“minutepoints”和“secondpoints”。
3、??好了,预备工作已经完成了。下面我们添加AS。
4、??选中“表盘”影片剪辑,添加as语句:
onClipEvent?(load)?{
????weekArray?=?new?Array(’星期日’,?’星期一’,?’星期二’,?’星期三’,?’星期四’,?’星期五’,?’星期六’);//建立一个数组,共七个元素
????timedate?=?new?Date();//建立一个新的时间对象
}
onClipEvent?(enterFrame)?{
????week?=?timedate.getDay();//返加0~6,0时取“星期日”;1时取“星期一”…….
????weekday?=?weekArray[week];//从数组中读取中文显示,参看上一句的解释
????day?=?timedate.getDate();//当前的日期,返回值为1~31
????hour?=?timedate.getHours();//当前的时,返回0~23
????minute?=?timedate.getMinutes();当前的分,返回0~59
????second?=?timedate.getSeconds();当前的秒,返回0~59
????if?(hour<10)?{
????????hour?=?"0"?+?hour;//假如时小于10,前面显示加“0”
????}
????if?(minute<10)?{
????????minute?=?"0"?+?minute;//同上
????}
????if?(second<10)?{
????????second?=?"0"?+?second;//同上
????}
????timebox?=?hour+"?:?"+minute+"?:?"+second;//显示在动态文本框中
????weeks?=?weekday;//同上一句
????days?=?day;//同上一句
????delete?timedate;//删除时间对象,目的是实时显示时间
????timedate?=?new?Date();//新建时间对象
}
5、?选择“时针”影片剪辑,添加as语句:
onClipEvent?(enterFrame)?{
????hourangle?=?_root.clock.hour*30+_root.clock.minute/2;
//把钟表符号中的时针对应的角度值赋值给变量“hourangle”
????setProperty?("_root.hourpoints",?_rotation,?hourangle);
}//设置分针的旋转角度
6、?选择“分针”影片剪辑,添加as语句:
onClipEvent?(enterFrame)?{
????minuteangle?=?_root.clock.minute*6;?
//把钟表符号中的分针对应的角度值赋值给变量“minuteangle”
????setProperty?("_root.minutepoints",?_rotation,?minuteangle);
}//设置分针的旋转角度
7、?选择“秒针”影片剪辑,添加as语句:
onClipEvent?(enterFrame)?{
????secondsangle?=?_root.clock.second*6;
//把钟表符号中的秒针对应的角度值赋值给变量“secondsangle”
????setProperty?("_root.secondpoints",?_rotation,?secondsangle);
}//设置秒针的旋转角度
16、测试,保存。请参看源文件“时钟”。
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |