今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Flash表单制作实例集锦7:Flash聊天室,希望大家看完后也有个好心情,快快行动吧!
【 tulaoshi.com - 聊天室 】
Flash表单制作实例集锦1:简单表单
Flash表单制作实例集锦2:存储及查阅信息
Flash表单制作实例集锦3:搜寻关键字
Flash表单制作实例集锦4:三角函数值计算
Flash表单制作实例集锦5:用户登陆系统
Flash表单制作实例集锦6:Email表单
第7节 Flash聊天室
Flash除了在动画制作方面有其优点外,在网络的其它领域的应用也非常广泛,本实例中将要介绍的Flash聊天室就是具有代表性的一例,其最终界面如图7.1所示;
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)
图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 在舞台中添加文本框
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)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");}
来源:http://www.tulaoshi.com/n/20160219/1614779.html
看过《Flash表单制作实例集锦7:Flash聊天室》的人还看了以下文章 更多>>