商业Flash实例制作--信息表单

　　1.在影片中添加组件.

　　2.配置影片中的组件.

　　3.在影片中添加动作脚本使组件正常工作.

　　为了使用户能够顺利入门，这里已提供了这个影片的背景、相关文本字段和图像。只需要再添加并配置组件和动作脚本以使之成为一个交互式表单即可。

　　创建窗体

　　为了方便大家的制作，首先打开我们提供的table.fla这个Flash源文档,能够在这个文档的基础上进行下面的工作,影片打开后的界面如图11所示:

　　

　　图1 表单原始界面

　　添加组件

　　首先需要向影片中添加组件，并把他们放置在舞台上。按照计划需要向第一个表单中添加一个复选框、一个组合框和一个普通按钮,还要在第二个表单中添加一个普通按钮。

　　要向影片中添加组件，方法很简单,能够把相应的组件从“组件”面板中拖到舞台上，或在“组件”面板中双击要添加的组件,组件会自动放置在舞台的中央。当向影片中添加组件后，影片的“库”面板中也会显示该组件。

　　给影片添加组件,一个好的习惯就是为组件单独建立一层,这样便于对组件的编辑和修改. 所以在影片中新创建一个图层并命名为 UI,表单中的任何组件将放在这个层中。

　　在时间轴的 UI 层中单击第 6 帧,选择“插入/空白关键帧”菜单命令,添加空白关键帧,目的是作为两个表单之间的分界线,前6帧用于第1个表单,第6帧以后用于第2个表单.

　　添加复选框：

　　在 UI 层中选择第 1 帧,把“CheckBox”组件从“组件”面板拖到舞台中,把他放在询问用户是否想进入博彩那一段文本的下面.如图2所示：

　　

　　图2 添加CheckBox”组件

　　新添加的“CheckBox”组件会出现在“库”面板的“Flash UI Components”文档夹中,如图3所示：

　　

　　图3 组件添加到Flash UI Components中

　　添加组合框：

　　使用“ComboBox”组件创建一个简单的下拉菜单，其中包含用户能够选择的项目。也能够使用“ComboBox”构建更为复杂的下拉菜单，这个菜单能够自动滚动到以用户输入到文本字段中的字母开头的菜单项。

　　把“ComboBox”组件从“组件”面板拖到舞台中。把他放在“选择用户喜欢的颜色:”文本下,如图4所示：

　　

　　图4 添加ComboBox组件

　　“ComboBox”组件也会出现在“库”面板的“Flash UI Components”文档夹中,如上图13-22所示。

　　添加普通按钮

　　使用“PushButton”组件创建两个普通按钮,一个按钮放在第1个表单中，用来提交表单中的信息。另一个按钮放在第2个表单中，用来返回到第1个表单，并把以前提交的值填回第1个表单中。

　　把“PushButton”组件从“组件”面板拖到舞台中,把他放在窗体的右下角，使他和“姓名:”及“电子邮件:”文本字段保持在同一水平线上,如图5所示：

　　

　　图5 添加PushButton组件

　　“PushButton”组件也会出现在“库”面板的“Flash UI Components”文档夹中, 如上图5所示。

　　然后选中第6帧,同样将一个“PushButton”组件放到表单的右小角,使他和”假如用户想再次参加比赛，请单击“返回”以返回到表单1”文本字段保持在同一水平线上,如图6所示:

　　

　　图6 添加PushButton组件

　　到此为止,影片中的任何组件就添加完成了,接下来需要对所添加的组件进行配置.

　　配置组件

　　组件添加到影片中后,还不能正常的工作,需要对其进行配置，用正确的信息配置组件以便用户选择。

　　能够使用“属性”面板或“组件参数”面板的“参数”选项卡来配置组件的参数。

　　高级用户也能够使用每个组件的 API 方法和属性来配置组件的参数、大小、外观和其他属性,每个组件元素可用的方法和属性列在组件名下面的动作脚本字典里。

　　接下来就对表单中的每个组件进行配置.

　　配置复选框:

　　1.在 UI 层中选择第 1 帧，然后选择舞台中的“CheckBox”组件,他的任何参数会显示在“属性”面板中,如图7所示:

　　

　　图7 “CheckBox”组件“属性”面板

　　2.在“实例名称”文本框中输入 sweepstakes_box,作为此组件的Action控制名。

　　3.在“Label”(标签)文本框中键入文本“妙极了!”,做为此复选框的标签,播放效果如图13-27所示:

　　

　　图8 复选框组件添加标签

　　4.在“Initial Value”(初始值)参数弹出式菜单中，选择“True”。这指定“CheckBox”组件的初始状态是选中 (True) 还是没有选中 (False)。

　　5.在“Lable Placement”(标签定位)参数弹出式菜单中，保留默认值为右对齐。标签将显示在复选框的右边。

　　6.无需更改 Change Handler 参数的默认值Change Handler 参数是用户希望在选择某个项目时执行的函数,此函数必须和组件实例定义在同一个时间轴里,此参数是可选的。只有在希望用户访问组件时应产生一个动作的情况下，才需要指定这个参数。

　　完成上述操作后，“属性”面板应该是如图9所示的样子：

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有