之前在《仿QQ大战—服务器的搭建(ServerSocket)》中实现了服务器的搭建,以及一个简单地传递数据的实现,现在就是来实现类似与QQ聊天通信的功能。首先是界面的实现;
首先:服务器和客户端的界面的实现,来看一下界面:
- 在输入端口输入框中输入端口号,然后点击Start!按钮开始,服务器并开启。
- 在开启服务器之后,当客户端实现连接到服务器之后,就会显示在服务器的下面的表格上。
界面的实现
JTable的使用
这里主要介绍的是JTable来显示链接到了服务器的客户端的ID,姓名和IP地址;
JTable:一共包括了三个方面:数据模型 、列模型和选择模型。在实例化时可以使用它默认模式也可以自己自己来构造;
JTable的构造函数一共有7个,这里介绍2个:
一: 构造一个 JTable 来显示二维数组 rowData 中的值,其列名称为 columnNames。
JTable(Object[][] rowData, Object[] columnNames)
String[] columnNames = { "用户名", "密码", "IP地址" };
String[][] data = null;
DefaultTableModel defaultTableModel = new DefaultTableModel(data, columnNames);
JTable jtable = new JTable(data, columnNames);
二: 构造一个 JTable,使用数据模型 、默认的列模型和默认的选择模型对其进行初始化。
JTable(TableModel dm)
String[] columnNames ={"用户名", "密码","IP地址"};
String[][] data = null;
DefaultTableModel defaultTableModel=new DefaultTableModel(data,columnNames); JTable jtable=new JTable(defaultTableModel);
也可以自己来创建一个类然后实现接口TableModel ,重写里面的方法:
ClientTableModel clientTableModel=new ClientTableModel(threadarray);
//ClientTableModel实现了接口TableMode
JTable jtable = new JTable(clientTableModel);// 表格
需要重写的几个方法:
1.getRowCount(),获得JTable中要显示的行数;
@Override
public int getRowCount() {//得到行数;
return threadarray.size();
}
2.getColumnCount() ,获得JTable中要显示的列数
@Override
public int getColumnCount() {//放回列数
return 3;
}
3.getColumnName(int columnIndex),列表通过该方法来
@Override
public String getColumnName(int columnIndex) {
if(columnIndex==0)
return "账号";
else if(columnIndex==1)
return "姓名";
else if(columnIndex==2)
return "IP地址";
else
return null;
}
4.getColumnClass(int columnIndex)这个方法很重要,返回的是每一列的类型,如果没有写的话,就不能够往JTable中添加数据,他会报一个java.lang.NullPointerException,空指针异常;
@Override
public Class<?> getColumnClass(int columnIndex) {//返回各列的类型
if(columnIndex==0)
return int.class;
else if(columnIndex==1)
return String.class;
else if(columnIndex==2)
return String.class;
else
return null;
}
5.getValueAt(int rowIndex, int columnIndex),返回第rowIndex行第columnIndex列的值。
@Override
public Object getValueAt(int rowIndex, int columnIndex) {
if(columnIndex==0)
return clientarray.get(rowIndex).ID;
else if(columnIndex==1)
return clientarray.get(rowIndex).name;
else if(columnIndex==2)
return clientarray.get(rowIndex).getIP();
else
return null;
}
6.isCellEditable(int rowIndex, int columnIndex),类表是否可以编辑,返回true,可以对JTable进行编辑。
@Override
public boolean isCellEditable(int rowIndex, int columnIndex) {
return true;
}
JTable中的几个方法
- 设置行高:
jtable.setRowHeight(30);
- 设置是否选中行:
jtable.setRowSelectionAllowed(true);// 设置可以选中行;
- 设置选中行时,选中行变色:
jtable.setSelectionBackground(new Color(111, 255, 255));
JTable绑定JScrollPane 滚动条
- 设置行高:
// 绑定滚动条
JScrollPane scrollPane = new JScrollPane(jtable);// 滚动窗口
scrollPane.setPreferredSize(new Dimension(500, 320));
centerpanel.add(scrollPane);
这样界面就做好了。
当我们客户端连接上我们的服务器,然后把他添加到我们的TJable的数组里面。再在调用界面的repaint方法,界面上TJabel组件就可以显示上连接到服务器的客户。
JTextPane(客户端聊天界面)
方法
- .设置是否可以编辑:
setEditable(false);//设置为不可以编辑;
- 设置显示的字体:
setFont(new Font(Font.SERIF, Font.PLAIN, 18));
/*
*new Font(name, style, size)
*风格:三个常量 lFont.PLAIN, Font.BOLD,
Font.ITALIC
*字号:字的大小(磅数)
*/