| AI教程 | Flash教程 | Fireworks教程 | Painter教程 | CDR教程 | CAD教程 | 3Dmax教程 | Maya教程 | 摄影技巧 | 广告文案 | LOGO案例 | PS教程

Flash表单制作实例集锦7: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");
}

主题测试文章,只做测试使用。发布者:绘画吧,转转请注明出处:http://www.huitu8.com/shejijiaocheng/Flashjiaocheng/20190828/91483.html



联系我们

在线咨询:点击这里给我发消息

邮件: