Flash表单制作实例集锦7：Flash聊天室

核心提示：Flash表单制作实例集锦1：简单表单Flash表单制作实例集锦2：存储及查阅信息Flash表单制作实例集锦3：搜寻关键字Flash表单制作实例集锦4：三角函数值计算Flash表单制作实例集锦5：用户登陆系统Flash表单制作实例集锦6：Email表单第7节 Flash聊天室Flash除了在动画制作方面有其优点外,在网

Flash表单制作实例集锦1：简单表单

Flash表单制作实例集锦2：存储及查阅信息

Flash表单制作实例集锦3：搜寻关键字

Flash表单制作实例集锦4：三角函数值计算

Flash表单制作实例集锦5：用户登陆系统

Flash表单制作实例集锦6：Email表单

第7节 Flash聊天室

Flash除了在动画制作方面有其优点外,在网络的其它领域的应用也非常广泛,本实例中将要介绍的Flash聊天室就是具有代表性的一例,其最终界面如图7.1所示;

图7.1 Flash聊天室最终界面

此聊天室仅仅是一个前台的聊天界面,要想真正实现聊天室的功能,还需要借助如asp,php这样的脚本编程语言来实现相应的后台程序,只用前台界面和后台控制程序配合起来工作,才能实现真正意义上的聊天室.

Flash聊天室中,每个用户有一个固定的ID,还可以设置自己的呢称,通过在信息文本框中输入聊天内容,通过发送按钮将聊天信息发送出去,所有聊天的记录会显示在聊天记录文本框中,如果不想保留聊天记录,可以点击清除按钮将聊天记录清除掉.

1.首先启动flash,新建一个影片,设置影片舞台大小为360px*335px(单位为象素),设置影片背景色为深黄色,颜色代码为#999900.

2.首先在舞台中使用文本工具自上而下绘制4个文本框,设置第1,2,和4 个文本框为输入文本框,因为第3个文本用来动态显示聊天记录,所以设置第3个文本框为动态文本框,然后再分别设置四个文本框的文本变量名为id,user,list和msg.此时舞台如图7.2所示;

图7.2 在舞台中添加文本框

3.然后使用矩形工具分别绘制4个圆角矩形,然后移动到四个文本框下面,调整其大小和相应的文本框大小一样即可,作为每个文本框的背景,填充色代码为#99CC66,如图7.3所示;

图7.3 给文本框添加背景

4.分别给4个文本框添加如图7.4所示的提示信息,以便使用户清楚每个文本框的作用和意义:

图7.4 给文本框添加提示信息

5.接下来要制作几个功能按钮了,比如发送消息,清除聊天记录等类似的按钮,这里只要根据自己的喜好制作几个简单的按钮即可,然后将其排列到舞台的下方,如图7.5所示;

图7.5 添加功能按钮

6.最后回到主场景中,给第1帧添加如下Action;

if (id eq "") {
id = "default";
}
if (name eq "") {
name = "anon";
}

给发送按钮添加如下Action;

on (release, keyPress "") {
loadVariables("dochat.asp?action=send", "", "POST");
msg = "";
}

给清除按钮添加如下Action:

on (release) {
loadVariables("dochat.asp?action=clear", "", "POST");
}