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

你脚下的钉子

你脚下的钉子

2016-02-19 17:16

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐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聊天室最终界面

(本文来源于图老师网站,更多请访问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");}
展开更多 50%)
分享

猜你喜欢

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

设计创意
Flash表单制作实例集锦7:Flash聊天室

Flash表单制作实例集锦(一)

flash教程
Flash表单制作实例集锦(一)

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

Flash表单制作实例集锦(三)

flash教程
Flash表单制作实例集锦(三)

Flash表单制作实例集锦(二)

flash教程
Flash表单制作实例集锦(二)

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Flash表单制作实例集锦(四)

flash教程
Flash表单制作实例集锦(四)

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

设计创意
Flash表单制作实例集锦6:Email表单

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

用Flash制作精巧的时钟

用Flash制作精巧的时钟

Flash 绘画技巧之绘制人物侧面效果图

Flash 绘画技巧之绘制人物侧面效果图
下拉加载更多内容 ↓