用Flash制作一个网站流言板

　　我们能够通过FLASHMX中自带的组建来实现一个简单的留言板实例。使用FLASH中的组件很方便。本例只是涉及到了制作，留言板在具体的应用中更有很多FLASH以外的知识，在这里就不向大家介绍了。

　　具体步骤

　　1，运行FLASHMX，文档属性默认。

　　2，导入一幅壁纸图片留言板的背景。朋友们也能够自己配置FLASH文档背景或建立一个图层作为背景。如图1所示。

　　

　　图1导入背景图片

　　3，新建一个图层，利用文本工具，输入静态文本。并配置他们的位置。如图2所示。配置文本的位置能够采用【窗口】|【对齐】里面的对齐面板，也能够利用【查看】|【标尺】里面的参考线来完成。

　　

　　图2输入静态文本

　　4，我们选择文本工具，在场景中的“论坛ID”右边创建一个输入文本。输入文本属性配置如图3所示。

　　

　　图3“论坛ID”输入文本属性配置

　　5，【窗口】|【组件】，打开组建面板，把组建RadioButton拖放到场景中两次。选择场景中一个组件。在下面的属性面板中进行如下配置。如图4所示。

　　

　　图4radionbutton组件的属性配置

　　Label为组件的名称。我们这个组件是“男”，所以在label项里面添入“男”。

　　Initialstate指定该单选按钮最初是处于选定状态还是处于未选中状态。True为选中，false为未选中。我们选择true。

　　GroupName指定该单选按钮所属的单选按钮组。我们添入“xingbie”。

　　Data是和该单选按钮标签关联的数据。我们添入“男”。

　　LabelPlacement指定标签时出现在单选按钮的左侧还是右侧。默认是右侧。

　　ChangeHandler是当用户选中某一组中的一个单选按钮时要执行的函数名称，这里没有函数。

　　6，择另外一个radionbutton组件，同样道理，只是改变了label项和initialstate项。如图5所示。

　　

　　图5另一个radionbutton组件的属性配置

　　7,从库中选中ComboBox组件，放置在“购书时间”的右侧。ComboBox为复选框组件。如图6所示。

　　

　　图6ComboBox组件

　　7，选中ComboBox组件，在下面的参数选项中，单击labels，打开“值”面板，在这个面板中利用“ ”来添加复选项。如图7所示。

　　

　　图7配置“值”参数

　　8，下面我们选择参数选项中的Data输入按钮关联数据。内容和labels选项相同。RowCount选项为指定在显示滚动条之前组合框中显示的项目数。该参数的默认值是8。

　　9，我们来制作“选购类别”的复选框。在组建面板中找到CheckBox组件，把他拖放到场景中的对应位置。在下面的参数面板中修改他的label选项为“flash”。利用相同方法，拖放两次组件，并修改他们的label选项为“flashas”和“网页制作”。如图8所示。

　　

　　图8CheckBox组件的label参数修改

　　10，选择复选框组件flash，转换到属性面板。命名他的实例名称为“xg1”。相同方法，本别把“flashas”和“网页制作”命名为“xg2”和“xg3”。如图9所示。

　　

　　图9影片剪辑的实例名

　　11，下面我们来制作留言框。利用工具栏里面的文本工具，在“留言”的右侧拉出一个文本框。在属性面板中配置他的属性，文本类型为输入文本，实例名称“liuyan”，字体黑体，字号20像素，多行显示，在文本框周围显示边框。如图10所示。

　　

　　图10输入文本的属性配置

　　12，为了防止用户输入的文本过多而文本框过小的问题，我们使用ScrollBar组件来解决。ScrollBar组件是滚动条组件，我们把他拖放到输入文本框的右侧，利用工具栏里面的自由变形工具改变他的高度，使之和输入文本等高。如图11所示。

　　

　　图11ScrollBar组件

　　13，只有把输入文本“liuyan”和组件ScrollBar建立某种关联，组建的功能才能够发挥出来。我们打开ScrollBar组件的参数面板，在TargetTextField选项中输入文本的实例名称“liuyan”。这样组件通过TargetTextField目标文本来和输入文本“liuyan”建立了联系。如图12所示。

　　

　　图12目标文本的控制

　　14，好了，我们只做一个提交按钮。从组建面板中把PushButton组件拖放到场景中的适当位置。并对其进行参数配置。如图13所示。

　　

　　图13PushButton组件的参数配置

　　15，用户提交页面我们已全部完成了。下面我们来制作用户信息反馈页面。

　　16，新建一个图层，在第2帧插入关键帧。在编辑区内绘制一个用户信息反馈页面。如图14所示。

　　

标签：

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