WEB开发网
开发学院图形图像Flash flash 聊天室 阅读

flash 聊天室

 2009-05-30 12:07:50 来源:WEB开发网   
核心提示:今天我们来制作 Flash 聊天室,学习使用 Socket 类,flash 聊天室,用 Java 作后台,开发一个 C / S 架构的多人聊天程序,显示聊天信息,二、组件参数初始化 由于客户端代码不是很多,首先,设计用户界面

今天我们来制作 Flash 聊天室,学习使用 Socket 类,用 Java 作后台,开发一个 C / S 架构的多人聊天程序。首先,设计用户界面。

一、界面设计

flash 聊天室

界面的元件全部使用 Flash CS3 自带的组件:

首先,放入 TextInput 组件(实例名 input_txt),作为用户输入;

再放入 Button 组件(实例名 submit_btn),用于提交输入的信息;

最后放入 TextArea 组件(实例名 output_txt),显示聊天信息。

二、组件参数初始化

由于客户端代码不是很多,我们这次就写在动作帧上:

// ************ 组件参数初始化 ************
submit_btn.label = "发送消息";
output_txt.editable = false;

// 设置各组件中字体的大小
input_txt.setStyle("textFormat", new TextFormat(null, 15));
output_txt.setStyle("textFormat", new TextFormat(null, 15));
submit_btn.setStyle("textFormat", new TextFormat(null, 15, null, true));

// 当按下回车或点击 submit_btn 按钮后调用事件处理函数
submit_btn.addEventListener(MouseEvent.CLICK, sendMessage);
addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);

// 事件处理函数
function onKeyDown(evt:KeyboardEvent):void {
    if (evt.keyCode == Keyboard.ENTER) {
        sendMessage(null);
    }
}

function sendMessage(evt:Event):void {
    // 测试:将 input_txt 的内容输出到 output_txt 中
    output_txt.appendText(input_txt.text + "n");
  
    // 清空 input_txt,并设置焦点到 input_txt
    input_txt.text = "";
    stage.focus = input_txt;
}

1 2 3 4 5  下一页

Tags:flash 聊天室

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接