探析Flash时钟的设计过程.doc
1、探析Flash时钟的设计过程探析Flash时钟的设计过程Flash 是由 Adobe 公司推出的交互式矢量图和 Web 动画的标准, 以其优秀的动态性和矢量性而深受全世界闪客的喜爱1。在此之前, 网页是基于 Web1.0 开发, 页面为静态而且枯燥乏味。 为了增加网站的多媒体表现形式以吸引用户, 开发者可谓绞尽脑汁。 比如 Flash ActionScript 超级强大功能2, 可 以制作一款效果逼真的 Flash 时钟用于模拟显示时间并具有整点报时功能, 还可以定时提醒, 以免长时间使用电脑和网络对身体造成伤害。 下面就 Flash 时钟的设计过程进行阐述, 以期能够起到抛砖引玉的作用。1、
2、功能描述Flash 时钟既可以用数字方式准确地显示当前 的年月日和具体时间, 也可以用指针动态地指示时间, 而且整点会自动报时。 此外, 还可以根据用户的需要进行定时设置, 时间一到, Flash 时钟立刻会发出提醒。2、Flash 时钟的设计和制作设计环境为 Flash CS6, 主要是设计时钟的样式, 制作时钟的表盘、 指针和文本框。 利用 ActionScript 来调用系统时间并以数字方式显示于动态文本框中, 最后可以通过输入文本框来进行定时。2.1、制作 Flash 时钟(1) 打开 Flash CS6, 新建一个 fla 文档 (ActionScript2.0),设置画面大小为 3
3、00*350, 背景颜色为默认。(2) 打 开库面板 , 新建一个名为 “ 时钟 ” 的影片剪辑 。选中图层 1, 在舞台上画一个圆形表盘, 再画上时钟的刻度(详细过程略 )。 在表盘中心正中心添加两个动态文本框 , 在属性面板中分别设置其变量名为 “timebox” 和” datebox”。 同样, 在表盘正下方写上文字 “定时设置”、 “时” 和 “分”,在紧随 “时” 和 “分” 后分别添加两个输入文本框, 其变量名分别为 “sethour” 和 “setminute”。(3) 回到场景设计窗口 , 修改当前时间上的图 层名为“时钟”, 将库中的 “时钟” 影片剪辑拖入舞台创建一个实例 ,设置其状态为水平和垂直居中对齐, 并在 “属性” 面板中为其取实例名 “clock”。(4) 回 到库面板 , 分别新建 3 个 “ 时 针
《探析Flash时钟的设计过程.doc》由会员分享,可在线阅读,更多相关《探析Flash时钟的设计过程.doc(8页范文模板文档)》请在优智文库上查找。