How to Create Chat Application in Android Studio

In Android | Last Updated on Sat, 25 Jun 2016

Hi Friends, for Specific demand I am going to Share How to create chat Application in Android Studio with Source code this is simple chat Application Demo example , basically give you concept how to create application front end. Later in upcomming Post I will explain how Chat Application works including server part.

Read More
How to Create Chat Application using Firebase in Android
How to make Realtime chat Application in Android
How to create push notification in Android Studio
How to make Speech to Text conversion App in Android

Prerequisites:

JDK 6.0 or above
Android Studio
Nine patch images

Steps to follow:

Create a New Android Studio project name Chatappsdemo
Select minimum API level 16 so it will run 82.6% of Android device that are Active on google Play then click next.
Select Blank Activity and your Activity Name is MainActivity click next > click finish.
Inside MainActivity write the fllowing source code.

public class MainActivity extends Activity {
private static final String TAG = "ChatActivity";
private ChatArrayAdapter adp;
private ListView list;
private EditText chatText;
private Button send;
Intent intent;
private boolean side = false;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Intent i = getIntent();
setContentView(R.layout.main);
send = (Button) findViewById(R.id.btn);
list = (ListView) findViewById(R.id.listview);
adp = new ChatArrayAdapter(getApplicationContext(), R.layout.chat);
list.setAdapter(adp);
chatText = (EditText) findViewById(R.id.chat_text);
chatText.setOnKeyListener(new OnKeyListener() {
public boolean onKey(View v, int keyCode, KeyEvent event) {
if ((event.getAction() == KeyEvent.ACTION_DOWN) && (keyCode ==
KeyEvent.KEYCODE_ENTER)) {
return sendChatMessage();
}
return false;
}
});
send.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View arg0) {
sendChatMessage();
}
});
list.setTranscriptMode(AbsListView.TRANSCRIPT_MODE_ALWAYS_SCROLL);
list.setAdapter(adp);
adp.registerDataSetObserver(new DataSetObserver() {
public void OnChanged(){
super.onChanged();
list.setSelection(adp.getCount() -1);
  }
  });
  }
private boolean sendChatMessage(){
adp.add(new ChatMessage(side, chatText.getText().toString()));
chatText.setText("");
side = !side;
return true;
}
}

5. Now it will ask you to create a new Class ChatArrayAdapter.java. write the folowing code inside it

public class ChatArrayAdapter extends ArrayAdapter<ChatMessage>{
private TextView chatText;
private List<ChatMessage> MessageList = new ArrayList<ChatMessage>();
private LinearLayout layout;
public ChatArrayAdapter(Context context, int textViewResourceId) {
super(context, textViewResourceId)
public void add(ChatMessage object) {
// TODO Auto-generated method stub

MessageList.add(object);
super.add(object);
}

  public int getCount()
{
return this.MessageList.size();
}

public ChatMessage getItem(int index){

  return this.MessageList.get(index);
  }

public View getView(int position,View ConvertView, ViewGroup parent){

View v = ConvertView;
if(v==null){

LayoutInflater inflater = (LayoutInflater) this.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
v =inflater.inflate(R.layout.chat, parent,false);

}

layout = (LinearLayout)v.findViewById(R.id.Message1);
ChatMessage messageobj = getItem(position);
chatText =(TextView)v.findViewById(R.id.SingleMessage);
chatText.setText(messageobj.message);
chatText.setBackgroundResource(messageobj.left ? R.drawable.bubble_a :R.drawable.bubble_b);
layout.setGravity(messageobj.left?Gravity.LEFT:Gravity.RIGHT);
return v;
}

public Bitmap decodeToBitmap(byte[] decodedByte) {
return BitmapFactory.decodeByteArray(decodedByte, 0, decodedByte.length);
}
}

6. Now insert the nine patch images bubble_a , bubble_b inside the drawable folder

7.Create Class ChatMessage.java Inside it write

public class ChatMessage {
public boolean left;
public String message;

public ChatMessage(boolean left , String message) {
// TODO Auto-generated constructor stub
super();
this.left=left;
this.message = message;
}
}

8. And these are my Xml files
main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
>

<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="80dp"
   />

<RelativeLayout
android:id="@+id/form"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:orientation="vertical"
>

<EditText
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:inputType="textMultiLine"
android:ems="10"
android:id="@+id/chat_text"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/btn"
/>

<Button
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="Send"
android:id="@+id/btn"
android:layout_alignBottom="@+id/chat_text"
android:layout_alignParentRight="true"
/>

</RelativeLayout>

  </RelativeLayout>

Chat.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

<LinearLayout
android:id="@+id/Message1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
   >
<TextView
android:id="@+id/SingleMessage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_margin="6dp"
android:background="@drawable/bubble_b"
android:paddingLeft="10dip"
android:text="Hello friends"
android:textColor="@android:color/primary_text_light"
   />
</LinearLayout>

Posted By UandBlog

UandBlog is a Global Leading source of Finance, Health, Lifestyle, Technology, Gaming and Programing and other information, it is a fastest growing blog for all , for latest post or information like us on facebook , follow on Twitter, Google+ and Pinterest.

How to Create Chat Application in Android Studio

Posted By UandBlog

You may also like

Comments ( 49 )

Leave a comment..

Categories

Most Popular Posts

You May Like Also