如何利用FLASH制作留言板?

解决思路
我们可以通过FLASH  MX中自带的组建来实现一个简单的留言板实例。使用FLASH中的组件非常方便。本例只是涉及到了制作,留言板在具体的应用中还有很多FLASH以外的知识,在这里就不向大家介绍了。
具体步骤
1,  运行FLASH MX,文档属性默认。
2,  导入一幅壁纸图片留言板的背景。朋友们也可以自己设置FLASH文档背景或者建立一个图层作为背景。如图1所示。

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

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

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

Label            为组件的名称。我们这个组件是“男”,所以在label项里面添入“男”。
Initial state       指定该单选按钮最初是处于选定状态还是处于未选中状态。True为选中,false为未选中。我们选择true。
Group  Name    指定该单选按钮所属的单选按钮组。我们添入“xingbie”。
Data            是与该单选按钮标签关联的数据。我们添入“男”。
Label Placement     指定标签时出现在单选按钮的左侧还是右侧。默认是右侧。
Change Handler    是当用户选中某一组中的一个单选按钮时要执行的函数名称,这里没有函数。
6,  择另外一个radion button组件,同样道理,只是改变了label项和initial state项。如图5所示。

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

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

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

9,  我们来制作“选购类别”的复选框。在组建面板中找到CheckBox组件,把它拖放到场景中的对应位置。在下面的参数面板中修改它的label选项为“flash”。利用相同方法,拖放两次组件,并修改他们的label选项为“flash as”和“网页制作”。图8   CheckBox组件的label参数修改
10,              选择复选框组件flash,切换到属性面板。命名它的实例名称为“xg1”。相同方法,本别把“flash as”和“网页制作”命名为“xg2”和“xg3”。

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

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

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

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

 
15,              用户提交页面我们已经全部完成了。下面我们来制作用户信息反馈页面。
16,              新建一个图层,在第2帧插入关键帧。在编辑区内绘制一个用户信息反馈页面。如图14所示。

17,              选择文本工具,在反馈页面上创建一个文本框。文本大小要遮住用户提交页面。文本框的属性为实例名fankui,字体黑体,字号20,字体颜色黑色,多行编辑,在文本周围显示边框。如图15所示。

18,              单击“返回”静态文本,转化为按钮元件。双击进入按钮编辑区,在第4帧绘制一个矩形,来扩大按钮的反应范围。
19,在反馈图层的第1帧上添加如下as语句:
stop();
function clickok(component){gotoAndPlay(2); //如果单击提交按钮,就转到第2帧执                  行。
if(xg1.getvalue()) //如果选择的名字叫xg1的复选按钮。
{xg=xg1.label;} //就把这个名字叫xg1的复选按钮的label属性值给xuexi变量。
if(xg2.getvalue()) //如果选择的名字叫xgi2的复选按钮
{xg+="和"+xg2.label;} //就把这个名字叫xg2的复选按钮的label属性值给xg变量
if(xg3.getvalue())  //同上
{xg+="和"+xg3.label;}  //以上用三个选择语句来得到变量xg的值。
_root.disptext.text="论坛ID:"+id.text+" 性别:"+xingbie.getvalue()+" 购书时间 "+shijian.getvalue()+" 选购类别:"+xg+" 留言内容: "+liuyan.text; //计算最后反馈界面中的动态文本中应该显示的信息字符串

20,在这个图层的第2怎添加stop();
21,选中返回按钮,在按钮上面添加as:
on (press) {
gotoAndPlay(1);
}
22,保存,测试。请参看源文件

注  意 ——例如radio button组件,使用工具栏里面的自由变形工具是无法改变其大小属性的。如果想改变其属性,可以打开库中的Flash  UI Components文件夹下的Component  Skins文件,选择Global skins中的Fla bel文件,进入编辑区,修改其中的动态文本的属性来改变该组件的外观属性。值得注意的是,多个组建共享一个组件外观。改动了一个组件的外观属性,就意味着改动其他组建的外观。
提  示 —— ComboBox组件可以利用工具栏里面的自由变形工具改变宽度,但是不能改变组建的高度。如果列表框文本长于组合框长度,那么文本将截断显示。
组件中的各个参数的设置在上例中已经向大家介绍了。组件与as的相互应用在本例中并没有涉及。我们只是向大家介绍了利用flash组件制作简单的留言板,其实留言板系统地实现不单单是flash的知识。他需要很多网络技术的支持。

特别说明

组件是具有已定义参数的复杂影片剪辑,这些参数在文档创作期间设置,同时组件也带有一组唯一的动作脚本方法,可用于在运行时设置参数和其它选项。

Flash MX 包括七个 Flash UI 组件:CheckBox、ComboBox、ListBox、PushButton、RadioButton、ScrollBar 和 ScrollPane。您可以单独使用这些组件向 Flash 影片中添加简单的用户交互,或组合使用这些组件为 Web 表单或应用程序创建一个完整的用户界面。
CheckBox:   复选框组件
ComboBox:  滚动下拉列表组件
LisBox:     可滚动的单选和多选列表框组件
PushButton:  提交按钮组件
Radio Button: 单选按钮组建
ScrollBar:    用于向动态文本字段和输入文本添加垂直和水平滚动条组件
ScrollPane:   可以添加带垂直和水平滚动条的窗口窗格

 

时间: 2024-10-26 07:37:58

如何利用FLASH制作留言板?的相关文章

如何利用FLASH制作留言板

如何利用FLASH制作留言板? 解决思路 我们可以通过FLASH  MX中自带的组建来实现一个简单的留言板实例.使用FLASH中的组件非常方便.本例只是涉及到了制作,留言板在具体的应用中还有很多FLASH以外的知识,在这里就不向大家介绍了. 具体步骤 1,  运行FLASH MX,文档属性默认. 2,  导入一幅壁纸图片留言板的背景.朋友们也可以自己设置FLASH文档背景或者建立一个图层作为背景.如图1所示. 图1    导入背景图片 3,  新建一个图层,利用文本工具,输入静态文本.并设置它们

在FLASH MX里面用组件制作留言板

这是一个简单的用UI Componets组件制作留言板,在输入姓名.性别.籍贯.爱好和留言等信息后,只要单击"提交"按钮,就能在记录里显示以上的信息,而单击"清空"按钮可以留言清除掉 演示如图示 [upload=swf]UploadFile/2004-3/2004325201012209.sw [flash=480,360]UploadFile/2004-3/2004325201012209.swf[/flash] 由于本人的FLASH MX上面组件是空的,而且20

利用XML开发留言板简单的例子

xml XML是一种基于文本格式的元标记语言,它注重对数据结构和数据意义的描述,实现了数据内容和显示样式的分离(xml+xsl),而且是与平台无关的. 由于XML注重数据内容的描述,因而,对于数据的检索非常有意义,我们不会再象HTML那样,检索出与我们要求无关的信息. 另一方面,XML文件是数据的载体,利用XML作为数据库,不需要访问任何数据库系统,我们可以使用任意WEB技术来显示我们的数据,比如HTML,FlashMX 等. 由于世界各大计算机公司的积极参与,XML正日益成为基于互联网的数据格

用PHP制作留言板

我们在很多网站上都能看到各式各样的留言板,它是网站与访客之间进行交流的主要手段之一.一个设计合理,界面优美的留言板程序能从侧面体现网站良好的服务,给来访用户留下美好的印象,增强用户对网站的信心.留言板从程序角度来看其实很简单,难在朴实无华的功能中有创意的表现.下面我们仅以PHP脚本程序为例,从程序的角度讲述怎样制作留言板. 留言板实现的原理一般有两种,即文件型和数据库型.它们是以留言信息在服务器的存放方式来区分的.由于文件型留言系统难以胜任多用户.大容量的信息处理和查询事务,因此具有良好延展性的

高级:利用Flash制作精彩的迷宫游戏

高级 网页教学网:在以前的教程中我们讲解了利用Flash制作游戏的一些方法,比如碰撞的检测等,在这个教程中我们利用以前学的知识创建一个不错的迷宫游戏!该教程主要是Flash利用材质和遮照创建真实的小球动画的延续,利用创建好的小球滚动动画制作迷宫游戏. 在学习这个教程前请大家查看 利用材质和遮照创建真实的小球动画 教程.教程中所使用的背景请看:利用Photoshop Action打造精美的宇宙星空特效 在这篇教程中没有新的知识,就是利用一个舞台(地图),然后还有一个运动的小球实现的一个小的Flas

phpcms v9不用下插件就可以轻松制作留言板

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 相信很多用phpcms v9的站长都不是程序员,而我也是一个网页设计师,所以对制作模板还是可以对付的.但是一设计到自己写程序,就一个头两个大啦.之前公司的网站是用找别人用dede cms做的,后来我接手的时候发现里面的模板乱七八糟的,所以决定来一次改版.在网上搜了搜cms程序,普遍都说phpcms比dedecms要高级多 了,于是毅然选择了p

利用XML开发留言板简单的例子_XML/RSS

XML是一种基于文本格式的元标记语言,它注重对数据结构和数据意义的描述,实现了数据内容和显示样式的分离(xml+xsl),而且是与平台无关的. 由于XML注重数据内容的描述,因而,对于数据的检索非常有意义,我们不会再象HTML那样,检索出与我们要求无关的信息. 另一方面,XML文件是数据的载体,利用XML作为数据库,不需要访问任何数据库系统,我们可以使用任意WEB技术来显示我们的数据,比如HTML,FlashMX 等. 由于世界各大计算机公司的积极参与,XML正日益成为基于互联网的数据格式新一代

VC中利用FLASH制作图声并茂的动画程序

前言: FLASH是一种功能强大的矢量动画,可以制作出各种华丽的电影效果,应用非常广泛!这也给予我们一个启迪:如果在VC程序中能够播放FLASH动画,将为程序增色不少,而且许多原本不易实现的功能,现在都可以轻松实现! 像金山词霸的安装程序主控界面就利用了FLASH,效果相当好.本文中笔者将制作一个完整的多媒体软件,将一些关键性技术介绍给大家,并提供全部代码供大家参考. 本文使用到的关键性技术: (1)利用VB制作MS AGENT播放模块. (2)将该播放模块.FLASH动画文件SWF与其它必要资

php制作留言板一[源码]

今天我们来讲一下用php制作简单的留言板,首先来分析一下留言板, 第一步:设计数据库. 第二步:设置html页面,就是留言页面, 第三步:php处理页面,保存到数据库. 第四步:留言显示页面. 好了我们先来看看第一步: CREATE TABLE IF NOT EXISTS `gx_guestbook` (   `id` int(4) NOT NULL auto_increment,   `gx_title` varchar(200) default NULL,   `gx_content` me