（JAVA）使用swing组件模仿QQ界面+网络编程实现QQ消息传输takfate

修改昵称，个性签名，生日，学校，公司，职业，所在地

修改状态

用户交互

添加好友

私聊

一对一聊天

云端存储

存储聊天记录

我使用的开发环境是Eclipse，jdk8.0，数据库使用Mysql。

序号

字段名

数据类型

长度

主键

允许空

默认值

说明

1

id

int

32

是

否

用户编号

2

accout

char

3

pasword

用户密码

4

nickname

64

用户昵称

5

autograph

128

用户个性签名

6

gender

tinyint

用户性别

7

birthday

date

-

用户生日

8

location

用户所在地

9

school

用户学校

10

company

用户公司

11

job

用户职业

12

statu

用户状态

13

create_time

datetime

好友编号

好友的id号

sender_id

发送者的id

content

varchar

256

消息内容

send_time

由于代码太长，大约有6500行，全部贴出来会占很大一部分空间，所以这里只讲一下很关键也很重要，并且有一点难点的实现。

1publicclassLoginRoundTextBoxextendsJTextField{2Colorbordercolor=UColor.InputDefaultBorderColor;3booleanCover=false;4publicvoidBorderHigh(){5bordercolor=UColor.InputCoverBorderColor;6Cover=true;7this.repaint();8}9publicvoidBorderLow(){10bordercolor=UColor.InputDefaultBorderColor;11Cover=false;12this.repaint();13}14protectedvoidpaintBorder(Graphicsg){15inth=getHeight();//从JComponent类获取高宽16intw=getWidth();17Graphics2Dg2d=(Graphics2D)g.create();18Shapeshape=g2d.getClip();19g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON);20g2d.setClip(shape);21g2d.setColor(bordercolor);22if(Cover){23g2d.setStroke(newBasicStroke(1.8f));24}else{25g2d.setStroke(newBasicStroke(1.0f));26}27g2d.drawRoundRect(0,0,w-1,h-1,5,5);28g2d.dispose();29super.paintBorder(g2d);30}31}密码框的实现类似，只是需要继承JPasswordField。

1publicclassLoginHeadPanelextendsJPanel{2Imageimage=null;3publicLoginHeadPanel(){4this.setBounds(40,10,85,85);5image=newImageIcon(UImport.UserHeadPicture).getImage();6}7protectedvoidpaintComponent(Graphicsg){8intx=image.getWidth(this);9inty=image.getHeight(this);10g.drawImage(image,0,0,x,y,this);11}12}这是状态选择按钮的实现：

由于大部分软件的注册一般都是在网页中进行注册，这里再次模仿了网页中的设计，在文本框失焦时，进行合法判定并给出一定的提示或警告。

1midpane=newJTabbedPane();2midpane.setPreferredSize(newDimension(402,660));3midpane.setBorder(null);4midpane.setBackground(UColor.MainMidPanelTabgroundColor);5midpane.setTabLayoutPolicy(JTabbedPane.SCROLL_TAB_LAYOUT);6midpane.addTab(null,peopledefaulticon,mainmidpeoplepanel,UMap.MainPeople);7midpane.addTab(null,recentdefaulticon,mainmidrecentpanel,UMap.MainRecent);8midpane.setEnabledAt(1,false);9midpane.setSelectedIndex(0);10this.add(midpane,BorderLayout.CENTER);5.3.2好友列表我个人觉得这是整个前端中最难的，但是通过查阅资料，依然还是比较好的实现了这个界面，首先用JScrollPane打底，让面板可以自动增加滚动条进行滚动。其次，让JScrollPane用JTabel来显示，这样可以很方便的让每一个好友更像表格一样出现在列表中。

但是有个很大难点，怎么样让JTabel里每一个单元格显示3个组件：头像，昵称，个性签名。查阅了很多资料，并且深入内部感受了JTabel的绘制方式，想了一个很巧妙的方法来实现单元格多组件和鼠标覆盖单元格高亮。首先给JTabel添加一个自己继承出来的单元格渲染器TableCellRenderer，并且重写父类的getTableCellRendererComponent方法，其次给表格添加监听器监听鼠标的移动，一旦更换了单元格的位置，就重绘整个表格。

给表格加上MouseMotionListener监听器：

1table.addMouseMotionListener(newMouseMotionAdapter(){2publicvoidmouseMoved(MouseEvente){3intr=table.rowAtPoint(e.getPoint());4if(r!=MainUserCellRender.cover_r){5MainUserCellRender.cover_r=r;6table.repaint();7}8}9});单元格渲染器的继承：

原本并没有类似方法实现这种创意，网上的资料也是少之又少，不全或者直接没有。但是这里同样达到了较好的实现。

使用JSplitPane分割两个面板，并且可以通过拖动，改变两个面板的大小。使其更加人性化。

1JSplitPanejsplitpane=newJSplitPane(JSplitPane.VERTICAL_SPLIT,true,historytextpane,edittextpane);2jsplitpane.setDividerLocation(550);3this.add(jsplitpane,BorderLayout.CENTER);5.4.2气泡这个实现比较难，我这里的实现是使用JPanel作为JScrollPane的显示。扫描发送者输入的文本来计算所需要气泡的大小。

讲整个大面板横向分成多个JPanel，根据气泡的高度动态调整该Jpanel的高度。再在这个小的JPanel里根据发送者重新定位头像的位置和气泡的位置。设定一个最大宽度，遍历输入的所有信息，计算气泡需要的宽度和高度，将他放进小的JPanel中。

小JPanel的实现：

以注册界面的头部面板为例的实现：

1publicclassMouseDragListenerimplementsMouseInputListener{2Pointorigin;3//鼠标拖拽想要移动的目标组件4JFrameframe;5publicMouseDragListener(JFrameframe){6this.frame=frame;7origin=newPoint();8}9publicvoidmouseClicked(MouseEvente){10}11publicvoidmouseEntered(MouseEvente){12}13publicvoidmouseExited(MouseEvente){14this.frame.setCursor(Cursor.getPredefinedCursor(Cursor.DEFAULT_CURSOR));15}16publicvoidmousePressed(MouseEvente){17origin.x=e.getX();18origin.y=e.getY();19}20publicvoidmouseReleased(MouseEvente){21}22publicvoidmouseDragged(MouseEvente){23Pointp=this.frame.getLocation();24this.frame.setLocation(p.x+(e.getX()-origin.x),p.y+(e.getY()-origin.y));25}26publicvoidmouseMoved(MouseEventarg0){27}28}5.6数据设计5.6.1用户类客户端与服务端通用的用户类，用来传递用户的信息。

下面列出所有可能的信号：

SIGINAL

NAME

DETAIL

LOGIN

CHECK_EXIST

GET_VERIFICATIONCODE

服务器让邮件服务器发送邮件，并返回一个验证码。

REGISTER

注册信号，发送一个具有多个信息的user对象。服务器返回一个success表示是否注册成功。

CHANGEPASSWORD

修改密码信号，发送一个拥有账号和新密码的user对象。服务器返回一个success表示是否修改成功。

SEARCH

查找用戶信号，发送一个拥有账号的user对象。服务器返回一个success表示是否找到该用户。

ADDFRIEND

添加好友信号，发送一个拥有账号的user对象。服务器返回一个success表示是否添加好友成功。

FRUSHLIST

刷新好友列表信号，发送一个拥有账号的user对象。刷新成功，服务器返回一个vector，success=1，刷新失败，服务器返回success=0。

SAVEPROFILE

保存修改信息信号，发送一个完整的user对象。服务器返回一个success表示是否修改成功。

SENDINFO

发送消息信号，传送两个拥有账号的user对象。服务器返回一个success表示是否发送成功。

CHANGE_STATU

这里我们在Common包里定义了4个类用于这样的存储。

①颜色在前端设计中是必不可少的属性：

1publicclassUFont{2publicstaticFont[]font=newFont[26];3publicstaticvoidFontInit(){4Propertiesprops=System.getProperties();5String[]info=props.getProperty("os.name").split("");6if(info[0].equals("Windows")){7UImport.DefaultFont="font/微软雅黑.ttf";8}9for(inti=1;i<=25;i++){10font[i]=LoadFont.loadFont(UImport.DefaultFont,i);11}12}13}③外部文件的路径同样需要保存，因为我们很难记住，存下也不用每次去查看。

1Vectormainlist;迭代，向Jtabel中添加对象。

1publicvoidlocalfrushlist(){2DefaultTableModelmodel=newDefaultTableModel(0,1);3for(inti=0;i

1staticHashMapchatframe;1elseif(e.getClickCount()==2){2Useruserto=(User)table.getValueAt(r,c);3System.out.println(userto.getaccount()+""+userto.getnickname());4if(mainframe.getmap().get(userto.getaccount())==null){5ChatMainFramechatmainframe=newChatMainFrame(mainframe,userto);6mainframe.getmap().put(userto.getaccount(),chatmainframe);7}else{mainframe.getmap().get(userto.getaccount()).setAlwaysOnTop(true);mainframe.getmap().get(userto.getaccount()).setAlwaysOnTop(false);8}9}当关闭窗口的时候再设置回来。

1exit.addMouseListener(newMouseAdapter(){2……………………………………3publicvoidmouseClicked(MouseEvente){4mainframe.getmap().remove(chatuser.getaccount());5chatmainframe.dispose();6}7});还有服务器上保存的用户的ip和port，这里将他们存在一个list中，再用hashMap从账号映射到list。主要利用的特性是，list