Java聊天室项目GUI界面化实现（Java聊天室 IO流 Socket流 GUI界面 ）
文章目录
Java聊天室项目GUI界面化实现（Java聊天室 IO流 Socket流 GUI界面 ）
1.Java聊天室 IO流 Socket流 GUI界面 服务端功能及页面介绍
2.Java聊天室 IO流 Socket流 GUI界面 客户端功能及页面介绍
3.Java聊天室 IO流 Socket流 GUI界面 工具类Utils代码及解释（FileUtils文件发送的工具类Utils  PathUtils是设置背景图片的图片路径Utils工具类
4.Java聊天室 IO流 Socket流 GUI界面 枚举与包装消息内容代码及详解User里存放的是将需要传递的内容整体打包为一个对象 然后分开读取  Net里存放的是服务端的消息类型枚举
5.Java聊天室 IO流 Socket流 GUI界面 服务端主界面代码及功能详解
6.Java聊天室 IO流 Socket流 GUI界面 服务端的RegisterUserThread线程与ServerReadMsgThread消息读取线程
7.Java聊天室 IO流 Socket流 GUI界面 客户端MainView界面详解
8.Java聊天室 IO流 Socket流 GUI界面 客户端RegisterView界面详解
9.Java聊天室 IO流 Socket流 GUI界面 客户端FunctionView界面详解
10.Java聊天室 IO流 Socket流 GUI界面 客户端ClientReadMsgThread消息读取进程详解
11.Java聊天室 IO流 Socket流 GUI界面 客户端TiShi界面详解
12.Java聊天室 IO流 Socket流 GUI界面 客户端DeleteCompoent界面详解
13.Java聊天室 IO流 Socket流 GUI界面 客户端下线功能
14.Java聊天室 IO流 Socket流 GUI界面 客户端ChaXunCompoent界面详解
15.Java聊天室 IO流 Socket流 GUI界面 客户端YinShenCompoent界面详解
16.Java聊天室 IO流 Socket流 GUI界面 客户端WenJianconpoent界面详解
17.Java聊天室 IO流 Socket流 GUI界面 客户端PublicCompoent界面详解
18.Java聊天室 IO流 Socket流 GUI界面 客户端UserManageCompoent界面详解
19.Java聊天室 IO流 Socket流 GUI界面 客户端ShangXiaCompoent界面详解
20.Java聊天室 IO流 Socket流 GUI界面 客户端PrivateCompoent界面详解
21.Java聊天室 IO流 Socket流 GUI界面 所有的效果图
22.Java聊天室 IO流 Socket流 GUI界面 所有的代码
23.总结与bug
SANWA聊天室主体页面分布
聊天室需求与思路

1.Java聊天室 IO流 Socket流 GUI界面 服务端功能及页面介绍

Java聊天室 IO流 Socket流 GUI界面 服务端功能及页面介绍.https://blog.csdn.net/cx9977/article/details/108472508

2.Java聊天室 IO流 Socket流 GUI界面 客户端功能及页面介绍

Java聊天室 IO流 Socket流 GUI界面 客户端功能及页面介绍.https://blog.csdn.net/cx9977/article/details/108472581

3.Java聊天室 IO流 Socket流 GUI界面 工具类Utils代码及解释（FileUtils文件发送的工具类Utils  PathUtils是设置背景图片的图片路径Utils工具类

Java聊天室 IO流 Socket流 GUI界面 工具类Utils代码及解释（FileUtils文件发送的工具类Utils  PathUtils是设置背景图片的图片路径Utils工具类.https://blog.csdn.net/cx9977/article/details/108472610

4.Java聊天室 IO流 Socket流 GUI界面 枚举与包装消息内容代码及详解User里存放的是将需要传递的内容整体打包为一个对象 然后分开读取  Net里存放的是服务端的消息类型枚举

Java聊天室 IO流 Socket流 GUI界面 枚举与包装消息内容代码及详解（User里存放的是将需要传递的内容整体打包为一个对象 然后分开读取  Net里存放的是服务端的消息类型枚举. https://blog.csdn.net/cx9977/article/details/108472625

5.Java聊天室 IO流 Socket流 GUI界面 服务端主界面代码及功能详解

Java聊天室 IO流 Socket流 GUI界面 服务端主界面代码及功能详解.https://blog.csdn.net/cx9977/article/details/108472660

6.Java聊天室 IO流 Socket流 GUI界面 服务端的RegisterUserThread线程与ServerReadMsgThread消息读取线程

Java聊天室 IO流 Socket流 GUI界面 服务端的RegisterUserThread线程与ServerReadMsgThread消息读取线程.https://blog.csdn.net/cx9977/article/details/108472672

7.Java聊天室 IO流 Socket流 GUI界面 客户端MainView界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端MainView界面详解.https://blog.csdn.net/cx9977/article/details/108472700

8.Java聊天室 IO流 Socket流 GUI界面 客户端RegisterView界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端RegisterView界面详解.https://blog.csdn.net/cx9977/article/details/108472850

9.Java聊天室 IO流 Socket流 GUI界面 客户端FunctionView界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端FunctionView界面详解.https://blog.csdn.net/cx9977/article/details/108472871

10.Java聊天室 IO流 Socket流 GUI界面 客户端ClientReadMsgThread消息读取进程详解

Java聊天室 IO流 Socket流 GUI界面 客户端ClientReadMsgThread消息读取进程详解.https://blog.csdn.net/cx9977/article/details/108472896

11.Java聊天室 IO流 Socket流 GUI界面 客户端TiShi界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端TiShi界面详解.https://blog.csdn.net/cx9977/article/details/108472927

12.Java聊天室 IO流 Socket流 GUI界面 客户端DeleteCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端DeleteCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108472955

13.Java聊天室 IO流 Socket流 GUI界面 客户端下线功能

Java聊天室 IO流 Socket流 GUI界面 客户端下线功能.https://blog.csdn.net/cx9977/article/details/108472974

14.Java聊天室 IO流 Socket流 GUI界面 客户端ChaXunCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端ChaXunCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108472989

15.Java聊天室 IO流 Socket流 GUI界面 客户端YinShenCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端YinShenCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108473018

16.Java聊天室 IO流 Socket流 GUI界面 客户端WenJianconpoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端WenJianconpoent界面详解.https://blog.csdn.net/cx9977/article/details/108473035

17.Java聊天室 IO流 Socket流 GUI界面 客户端PublicCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端PublicCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108473058

18.Java聊天室 IO流 Socket流 GUI界面 客户端UserManageCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端UserManageCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108473104

19.Java聊天室 IO流 Socket流 GUI界面 客户端ShangXiaCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端ShangXiaCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108473137

20.Java聊天室 IO流 Socket流 GUI界面 客户端PrivateCompoent界面详解

Java聊天室 IO流 Socket流 GUI界面 客户端PrivateCompoent界面详解.https://blog.csdn.net/cx9977/article/details/108473091

21.Java聊天室 IO流 Socket流 GUI界面 所有的效果图

Java聊天室 IO流 Socket流 GUI界面 所有的效果图.https://blog.csdn.net/cx9977/article/details/108473156

22.Java聊天室 IO流 Socket流 GUI界面 所有的代码

Java聊天室 IO流 Socket流 GUI界面 所有的代码.https://blog.csdn.net/cx9977/article/details/108473183

23.总结与bug

在使用objectstream流的时候 记得要定义种子 并且 in与out流的创建不能同时创建多个 否则会报找不到上次读取后的位置
切换账号功能有问题 第二次登陆新的账号 新的流无法创建出来 所有的功能都会出现问题 有待改正 这一问题
其他功能有些没有添加校验 后续可以将用户名查找进行添加 判断此用户名是否可以进行聊天与文件等的发送
有待改进与完善

SANWA聊天室主体页面分布

布局





分为服务端与客户端分别进行构建

聊天室需求与思路

需求

必须完成的功能点：
1、用户名登录注册（判断有没有重复用户名，可设置ip和端口）
2、上下线提醒
3、在线列表
4、私聊
5、公聊
6、发送文字，文件。
7、聊天记录 保存 查询 删除。
8、下线

选做功能
2、建群
3、大文件传输。（新建流传输）*
4、离线消息*
5、个人信息设置
6、语音聊天*
7、朋友圈
8、文字表情
9、增删好友，修改好友备注名。


思路

1：分别开发客户端 和 服务端  先实现客户端和服务的聊天功能
2.我们要把客户端和服务端 读消息和写消息 不能都放主线程 这样设计不合理
我们主线程 应该录入消息  子线程用来读取消息 
以后开发中要注意 键盘录入数据应该放在主线程 ，如果放在子线程 有可能录入不了数据

3.在实际中 我们肯定是不和服务器聊天的，我们是客户端和客户端进行聊天 ，所以我们修改代码
服务器 只读取消息 然后转发消息 

那实现步骤 我们循环监听客户端 每连接一个客户端 我们把 管道存到一个集合中 并循环开启一个客户端 对应的读取消息的子线程 并把管道集合传过去
子线程拿到 相应的管道 获取该管道的输出流 写出去 当然这里需要我们定义 消息格式 比如： 接收者：消息内容：发送者

4.上步我们用的是List单列集合,通过索引来区分的每个用户,不是很方便,我们改进一下,我们可以用双列集合来,保存一个用户名和他对应的管道,在服务端通过
键找值的方式来获取对应管道,进行消息的转发,
这样需要我们在 客户端 在开启聊天线程之前,先进行用户名的注册, 服务端也不要着急 开启 聊天线程,  而是再创建一个保存用户名的线程,单独完成用户名的注册
用户名注册完成后,在保存用户名的线程里面 来开启 服务端的聊天线程

5. 上步用户名完成后,我们顺遍在保存用户名的线程里面 ,再把上线提醒功能做了

6. 在客户端里面 开启聊天线程之后  在提供 菜单选项,让用户选择 私聊,公聊,在线列表,退出等 选项

7.在实现私聊功能时 约定发送消息的格式为  接收者:消息内容:消息类型

8.服务端 收到客户端发来的消息后,拆分消息,根据消息类型 进行不同的逻辑处, 将消息转发回去 转发格式 约定为  发送者:内容:消息类型:时间

问题描述：需要在主GUI函数中调用子GUI界面，向子GUI传入参数parameter，参数在子GUI处理后传出，并传出变量flag，最后关闭子GUI界面。

 

子GUI界面如下：selfdefined_ISAR_Par.fig



1. 主GUI界面调用方法

[flagreture, parameter] = selfdefined_ISAR_Par(parameter);

输入参数：parameter

输出参数：flagreture,  parameter

调用方法和调用普通子函数形式一致

 

2. 子GUI界面处理

输入输出参数需要在子界面函数里面处理，才能被正确接收和传出。

每个GUI界面都有一个OpeningFcn函数，负责处理输入参数。

每个GUI界面都有一个OutputFcn函数，负责处理输出参数。

2.1 输入参数处理

在子GUI界面函数 function selfdefined_ISAR_Par_OpeningFcn(hObject, eventdata, handles, varargin)中加入

global parameter
parameter = varargin{1};

 注意：selfdefined_ISAR_Par是子界面名称；global是为了让输入参数能在其他控件函数中使用；parameter = varargin{1}意为第一个输入参数赋给parameter，同理，若有第二个输入参数，则应加入parameter2 = varargin{2}。

2.2 输出参数处理

在子GUI界面函数 function varargout = selfdefined_ISAR_Par_OutputFcn(hObject, eventdata, handles) 中加入

global flag parameter
varargout{1} = flag;
varargout{2} = parameter;

注意：在没有参数输出时，该函数的内容默认为 varargout{1} = handles.output，若要输出自定义参数，应屏蔽 varargout{1} = handles.output 这一行内容。

 

3. 关闭子GUI

在子界面输入参数完成后，需要点击确定退出该界面；或者不想输入参数，直接点击取消退出该界面。那么这个点击button按钮关闭GUI的代码这么写呢？

在button按钮的函数中加入以下代码

uiresume(handles.selfdefined_ISAR_Par);

在子GUI界面函数 function varargout = selfdefined_ISAR_Par_OutputFcn(hObject, eventdata, handles) 的最后加入一行代码

delete(handles.selfdefined_ISAR_Par)；加完代码如下所示

global flag parameter
varargout{1} = flag;
varargout{2} = parameter;
delete(handles.selfdefined_ISAR_Par);

4. 错误:引用了不存在的字段 'selfdefined_ISAR_Par'

关闭GUI的时候很有可能遇到错误提示：引用了不存在的字段 'selfdefined_ISAR_Par'，就是自己的子界面GUI竟然找不到？

这是什么原因呢？

在子界面函数 function selfdefined_ISAR_Par_OpeningFcn(hObject, eventdata, handles, varargin) 中设个断点，在主GUI界面调用子GUI界面，运行至断点。打开工作区的 handles。





正常情况下，handles中第一个字段（第一行）应该是子界面的名称（selfdefined_ISAR_Par），但是上图中的第一行并不是子界面名称，而是 fugure1，具体为什么这里不是子界面名称，笔者并不是很清楚，应该和新建GUI的过程有关。

那如何解决这个问题呢？

解决办法：把提示引用了不存在的字段 'selfdefined_ISAR_Par'的地方，都换成 figure1 即可。主要需要换的有

uiresume(handles.selfdefined_ISAR_Par) ——> uiresume(handles.figure1)

delete(handles.selfdefined_ISAR_Par) ——> delete(handles.figure1)

 

 


 本文是MATLAB GUI界面开发入门系列教程第一篇。本系列教程面向对象纯新手。经过该系列教程的学习，预期能够独立使用MATLAB编写中小型GUI界面软件。


      

目录

1 GUIDE入门

    1.1 GUIDE界面设计窗口简介

    1.2 设计界面

    1.3 代码设计

    1.4 运行界面程序

 

1 GUIDE入门

如标题所言，该篇实现一个简易图片浏览器，效果如下图。整个GUI程序需要编写的代码仅有两行。麻雀虽小，五脏俱全。下面开始学习。

        



 

1.1 GUIDE界面设计窗口简介

        启动MATLAB后，在命令行窗口输入guide，弹出GUIDE快速入门窗口界面。一般选择默认guide模板Blank GUI，点击确定，如图1。即将进入GUI界面设计窗口。

 
guide



图1 guide快速入门窗口

 



图2 新建的GUI界面

        

        图2中，左侧为可用控件，右侧为所见即所得的界面设计区域，状态栏的左侧显示当前选中的控件。右侧是当前鼠标所在位置和控件的位置。

 

常用控件包括：


	
按钮
	
	

	
滑动条
	
	

	
单选按钮
	
	

	
复选框
	
	

	
可编辑文本
	
	

	
静态文本
	
	

	
弹出式菜单
	
	

	
列表框
	
	

	
切换按钮
	
	

	
表
	
	

	
坐标区
	
	

	
面板
	
	

	
按钮组
	
	

	
ActiveX控件
	
 

工具栏依次为：


	
对齐工具
	
	

	
菜单编辑器
	
	

	
tab键顺序编辑器
	
	

	
工具栏编辑器
	
	

	
编辑器
	
	

	
属性检查器
	
	

	
对象浏览器
	
 

1.2 设计界面

        在本章我们将学习界面设计。从左边控件区拖到所需的控件到右侧布局窗口中添加所需的控件。在本示例中使用总共使用了4个控件，分别是静态文本、坐标区、可编辑文本、按钮。调整控件的位置和大小，得到下图效果。我们点击"文件/另存为"，将文件保存文件my_demo.fig，这是MATLAB将自动创建my_demo.fig和my_demo.m两个文件。其中.fig文件是界面文件，.m文件是代码文件。

 



图3 给界面添加控件

 

        我们需要对控件的属性进行编辑。以静态文本为例，选中静态文本，双击进入检查器窗口。在检查器窗口中可以对控件的属性进行修改。将String修改成"图像查看器"，FontSize属性设置成16（如下图）。



图4 属性检查器的使用

 

类似的对按钮和可编辑文本区控件进行修改。

按钮：String属性设置成”显示图像"。

可编辑文本区：String设置成"输入图像路径..."。

坐标区：xTick设置成[], yTick设置成[]。

 



图5 设计好的界面效果

 

点击工具栏中的运行▶，即可查看到预览效果。这时的界面没有任何功能。

 

1.3 代码设计

 

        在本节中，为设计好的界面添加代码，实现图像查看功能。选中"查看图像”按钮，点击右键，在弹出的菜单中选择"查看回调”菜单下的“Callback"，matlab将自动为按钮创建回调函数（如图7，8）。在创建的回调函数中，即可添加功能代码。

 



图7 生成按钮的callback

 



图8 自动生成的callback函数代码

 

添加如下代码（6-7行），并保存代码文件。

% --- Executes on button press in pushbutton1.
function pushbutton1_Callback(hObject, eventdata, handles)
% hObject    handle to pushbutton1 (see GCBO)
% eventdata  reserved - to be defined in a future version of MATLAB
% handles    structure with handles and user data (see GUIDATA)
img_path = handles.edit1.String;            % 获取图片文件路径
imshow(img_path, 'Parent', handles.axes1);  % 显示图像

1.4 运行界面程序

 

运行界面程序有三种方法。


	
guide编辑器中点击运行按钮
	
	

	
在m文件编辑器点击运行按钮
	
	

	
在命令行窗口输入"my_demo"
	
 

在输入框中输入图片路径，例如"C:\Users\Admin\Pictures\timg.jpg"，点击”查看图像按钮"，即可显示图像。

 



图9 功能实现的GUI界面程序

 

一，新建GUI
右击src找到GUI form


二，布置GUI界面

三，查看属性
选中组件点击F4可以跳转到相应的组件


四，生成main方法
Alt+insert打开Generate界面选中Form Main()



可能会报错



那是因为你的JPanel容器没有命名



命名后可以生成


五，运行
run


六，idea里运行，调试都正常，但是打包出来后运行，发现，GuiOperate.java 中的组件没有初始化，全都报空指针。
原因：GUI Form 依赖idea的相关类，但是在build的时候，并没有生成相关代码。

Ctrl+Alt+s打开Settings，搜索GUI Designer，可以看到如下截图：

勾选第二个并应用

第一种是编译成运行时的class文件，自己写的代码构建成class文件与IDEA之间的关联被忽略了，也就是说是由IDEA自己维护的；

第二种情况是将依赖的IDEA的相关类直接在build的时候生成到源码中。

默认第一种，修改成第二种。
然后再运行一下

 就可以看到在源码文件中，自动生成了一些代码

5.添加依赖

<dependency>
  <groupId>com.github.adedayo.intellij.sdk</groupId>
  <artifactId>forms_rt</artifactId>
  <version>142.1</version>
</dependency>

6.重新打包