Java Chat With Customizable GUI
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.
of putting the source code as per the request of The Code Project members.
FEATURES
- Transfer Smilies with Text
- Private Chat
- Great Look and Feel with Customized Color
- 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 serverQUIT
- Remove users from chatKICK
- Kickoff from chatCHRO
- Change roomMESS
- Send general messagePRIV
- Send private messageROCO
- Get users count in specified roomCALL
- 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.
Hide Copy Code
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 sendingHELO 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
andYOffSet
position of each message. If you have a look of this sample code, you might get an idea of what I mean.
Hide Shrink Copy Code
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);
}
.................
}
0 comments:
Post a Comment