Click here to Skip to main content
15,867,939 members
Articles / Programming Languages / Java / Java SE
Article

Java Chat With Customizable GUI

Rate me:
Please Sign up or sign in to vote.
4.75/5 (105 votes)
7 May 2007CPOL3 min read 1.1M   63.2K   134   259
A complete Java (AWT) Chat Application with great customizable GUI Interface. It has features such as general chat and private chat, music when message arrives, sending images and more
Sample Image - chat.jpg

Note: The latest source code has been uploaded along with this article now.

Introduction

This is my second article on The Code Project. I have already posted Tap Control in Java here.

This Java Chat is purely AWT based, no Swing Components used and still it has a great look and feel. For this application, I have developed my own Tab Control and Image Canvas. Also, I have uploaded the complete source code here. You can download it from there.

This is the updated article . Now I have posted all the concepts behind the chat instead
of putting the source code as per the request of The Code Project members.

Features

  1. Transfer Smilies with Text
  2. Private Chat
  3. Great Look and Feel with Customized Color
  4. Audio Enabled

Description

In this Chat application, we have both server side and client side modules.. In server side, I have defined our own RFC Commands. Some of the commands which I have used in this application are listed below:

  • HELO - Initialize connection to server
  • QUIT - Remove users from chat
  • KICK - Kickoff from chat
  • CHRO - Change room
  • MESS - Send general message
  • PRIV - Send private message
  • ROCO - Get users count in specified room
  • CALL - Request for voice chat (not included with this one)

Server Side Module

I will briefly explain the concepts behind the server side.

  • Created custom UserObject class which will have the client details like username, the socket of user, and the room name, etc.
  • When the Chat Server runs, it opens the Server Socket at port 1436 (we can modify too) and listen for the client to connect. If the client connects to the server, it will open a separate thread to service. So, when the client sends QUIT command, it will close the thread too. If you take a look ChatCommunication.java, you will get all the details.

This is a sample code of getting connection from the Chat Client and creating a new object of ChatCommunication. In ChatCommunication class, we will create a thread to watch all the commands from the client and responds to the client too.

Java
ChatServer.java
while(true
{
    Socket socket = serversocket.accept();
    ChatCommunication chat = new ChatCommunication(socket);
}
.........
         
ChatCommunication.java
..........
ChatCommuncation(Socket socket)
{
    personalsocket = socket;
    dout = new Dataoutputstream(personalsocket.getoutoutstream());
.....
}

Client Side Module

I will also briefly explains the concepts behind the Client side Chat.

  • When the Chat Client runs, it will open a socket and connect to ChatServer by sending HELO RFC to Server.. Once it gets connected, the chat client will keep the socket connection and communicate with the server whenever the user commands it.
  • Another important thing in the client module is the USER INTERFACE. I have created my OWN Custom Components like Tab Control and Image Supported Message Canvas.
  • The basic idea of creating a message canvas is based on simple logic. Whenever users enter the message, I will store it in arraylist. Also, in the Arraylist, I keep the XOffset and YOffSet position of each message. If you have a look of this sample code, you might get an idea of what I mean.
Java
Ex:
...........
for(int i =0; i < messagearraylist.size();i++)
{
PaintMessageToMessageCanvas((MessageObject)messagearraylist.get(i);
}.........

**************************************************************
This is the Function To Paint Images and Text Messages
**************************************************************
private void PaintMessageIntoCanvas(MessageObject messageObject)
{                
int m_YPos = messageobject.StartY - YOffset;
int m_XPos = 5 - XOffset;
int CustomWidth = 0;
String Message = messageobject.Message;

/*************Print The User Name in UserName Font **************/        
if(Message.indexOf(":") >= 0)
{
graphics.setFont(UserNameFont);        
chatclient.getGraphics().setFont(UserNameFont);
fontmetrics = chatclient.getGraphics().getFontMetrics();
String m_UserName = Message.substring(0,Message.indexOf(":")+1);
graphics.drawString(m_UserName,m_XPos+CustomWidth,m_YPos);            
CustomWidth+=fontmetrics.stringWidth(m_UserName)+HorizantalSpace;
Message = Message.substring(Message.indexOf(":")+1);
}

/*********Set the Text Font **********/
chatclient.getGraphics().setFont(TextFont);
graphics.setFont(TextFont);        
fontmetrics =  chatclient.getGraphics().getFontMetrics();

/**********Print Image Area********/
if(messageobject.IsImage == true)
{
tokenizer = new StringTokenizer(Message," ");    
while(tokenizer.hasMoreTokens())
{
TokenString = tokenizer.nextToken();                
if(TokenString.indexOf("~~") >= 0)
{
/********If its a Proper Image*************/
try {
int m_ImageIndex = Integer.parseInt(TokenString.substring(2));
if((m_ImageIndex >= 0) && (m_ImageIndex < chatclient.IconCount))
{                        
graphics.drawImage(chatclient.IconArray[m_ImageIndex]
,m_XPos+CustomWidth,m_YPos - 15,messageobject.Width,messageobject.Height,this);
CustomWidth+=messageobject.Width+HorizantalSpace;                            
}    
}catch(Exception _Exc) { }                
}
else
{                    
graphics.drawString(TokenString,m_XPos+CustomWidth,m_YPos);
CustomWidth+=fontmetrics.stringWidth(TokenString)+HorizantalSpace;
}
if(TotalWidth < m_XPos+CustomWidth)
{
TotalWidth = m_XPos+CustomWidth;
scrollview.setValues(TotalWidth,TotalHeight);
}
.................
}

Conclusion

In this updated article, I have uploaded my complete source code. To download the full source code, click here.

If you still have any doubts, feel free to contact me at vavjeeva@gmail.com.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Architect
United States United States
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
GeneralRe: .java files for messenger please Pin
aaalmasss9-Jun-06 21:25
aaalmasss9-Jun-06 21:25 
GeneralHey Pin
Member 220691118-Aug-05 16:57
Member 220691118-Aug-05 16:57 
GeneralGreat work Pin
Anonymous18-Aug-05 16:49
Anonymous18-Aug-05 16:49 
Generalprogram help Pin
sujayb17-Aug-05 18:05
sujayb17-Aug-05 18:05 
GeneralDo You want messenger Pin
Anonymous11-May-05 0:47
Anonymous11-May-05 0:47 
GeneralRe: Do You want messenger Pin
KMNaing2-Jun-05 6:57
KMNaing2-Jun-05 6:57 
GeneralRe: Do You want messenger Pin
sohailmkhawaja1-Aug-05 21:46
susssohailmkhawaja1-Aug-05 21:46 
GeneralRe: Do You want messenger Pin
aaalmasss9-Jun-06 21:23
aaalmasss9-Jun-06 21:23 
hello,,,,can u send me the java chat system sourec codes??i need it urgently.mail me on a4almas@hotmail.com
thanx

almas
Generalconnection Pin
praticles5-May-05 3:34
praticles5-May-05 3:34 
Generalwant a program Pin
Anonymous22-Apr-05 5:22
Anonymous22-Apr-05 5:22 
GeneralWant a project GUI Pin
Zual4-Jan-05 21:35
Zual4-Jan-05 21:35 
GeneralRe: Want a project GUI Pin
Jeeva S6-Jan-05 0:16
Jeeva S6-Jan-05 0:16 
GeneralGet Complete Source Code Here Pin
Jeeva S23-Dec-04 2:42
Jeeva S23-Dec-04 2:42 
GeneralRe: Get Complete Source Code Here Pin
Member 23222988-Oct-05 7:33
Member 23222988-Oct-05 7:33 
GeneralRe: Get Complete Source Code Here Pin
Ero4free23-Apr-06 18:04
Ero4free23-Apr-06 18:04 
GeneralRe: Get Complete Source Code Here Pin
deeptikakade9-May-06 8:38
deeptikakade9-May-06 8:38 
GeneralRe: Get Complete Source Code Here Pin
deeptikakade9-May-06 8:41
deeptikakade9-May-06 8:41 
GeneralRe: Get Complete Source Code Here Pin
Raymond06831-Jun-06 16:42
Raymond06831-Jun-06 16:42 
GeneralPlease Pin
Amnaj Praha19-Nov-04 1:23
sussAmnaj Praha19-Nov-04 1:23 
GeneralPlease ! Pin
rind91113-Sep-04 18:18
rind91113-Sep-04 18:18 
Generalnice article Pin
code rider5-Aug-04 4:17
code rider5-Aug-04 4:17 
GeneralPlease help with canvas Pin
anti_genius14-Aug-04 4:52
anti_genius14-Aug-04 4:52 
GeneralHelp seting up Java on my site. Pin
Anonymous26-Jun-04 10:51
Anonymous26-Jun-04 10:51 
Generalhelp me for a chhating program in Java Pin
aks7713-Jun-04 23:06
aks7713-Jun-04 23:06 
Generalis your messenger platform independent Pin
dayamkat1238-Jun-04 21:17
dayamkat1238-Jun-04 21:17 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.