图7.1 Flash聊天室最终界面
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)此聊天室仅仅是一个前台的聊天界面,要想真正实现聊天室的功能,还需要借助如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;
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)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");}