flash 简单日历

时间:2022-10-05 01:45:11 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。
实训23:简单日历

1 实训目的与要求

本实例的效果是利用Flash中的组件以及数据的相互绑定操作来实现的,其功能是:用户在日期组件中任意选择一个日期,系统将自动在文本对象中显示所选取的日期。

2 实训内容

本实例利用Flash中的组件以及数据的相互绑定操作制作而成。

3、实验步骤

实验题目 简单日历

01新建一个基于ActionScript 2.0Flash文档。按【Ctrl+J】组合键,打开“文档属性”对话框,设置编辑区的大小为300像素×250像素、帧频为12fps、背景颜色为白色。 02 Ctrl+ F7 组合键打开“组件”面板,然后在User Interface组件类中选择DateChooserLabel, 并将其拖入到“库”面板中。

03单击“文件”|“导入” |“导入到舞台”命令,将图片9.jpg导入到舞台中,设置其尺寸为400像素×300像素,然后按【Ctrl+B】组合键将图片打散。

04新建图层2,在“库”面板中将DateChooser组件拖入到舞台中,并调整其位置,然后在“属性”面板中将其命名为date。将“库”面板中的Label组件拖入到舞台中,然后在“属性”面板中将其命名为myrq,并调整其位置,如图6-173-1所示。



05在舞台中选择Label组件,设置其宽度为220,并在“组件检查器”面板中将text原文替换为“请选择日期”,如图6-173-2所示。



06选择DateChooser组件,然后在“组件检查器”面板中双击dayNames选项,在弹出的“值”对话框中选择相应的选项并进行修改,如图6-173-3所示。双击monthNames选项,在弹出的“值”对话框中选择相应的选项,并进行修改(如图6-173-4所示)其它选项保持默认的设置。




07选择舞台中的DateChooser组件,然后按【Shift+ F7 】组合键打开 “组件检查器”面板,在该面板的“绑定”选项卡中单击按钮(如图6-173-5所示),弹出“添加绑定”对话框,在该对话框中选择selectedDate:Date选项(如图6-173-6所示),然后单击“确定”按钮即可完成数据绑定,如图6-173-7所示。



08选择添加到“绑定”选项卡中的selectedDate:Date选项,此时面板的属性列表框中将显示其属性。选择bound to选项,然后单击此选项右侧的查找图标,如图6-173-8所示。 09在弹出的“绑定的”对话框中选择绑定的目标对象——Label组件( 如图6-173-9所示)然后单击“确定”按钮关闭该对话框。



10按【 Ctrl+S】组合键保存文件,然后按【 Ctrl+Enter】组合键测试动画测试。

4、实训总结





本文来源:https://www.wddqw.com/doc/b63ad850eefdc8d376ee3281.html