这是一个Android库，只需几行代码即可用于向您的Android应用程序添加聊天功能。_Java_下载.zip

# ChatView for Android ### Repo no longer being maintained <img src="https://raw.githubusercontent.com/shrikanth7698/ChatView/master/chatview_library_icon_1.png" width="100" > <br/> This is an Android library which can be used to add chat functionality to your android application with just a few lines of code. <br/> This library is still in beta but will be improved over time. <br/> <table> <tr> <td> <img src="https://drive.google.com/uc?id=1NDELjyr1T0Y-JMfFmEFpQvZfT6rRXIX-" width="300" > </td> <td> <img src="https://drive.google.com/uc?id=1w1rgZd5oHaDX_FKRfvCb1ddS_LMzJuHK" width="300"> </td> </tr> <tr> <td> <img src="https://drive.google.com/uc?id=1XzzM3QJjz2IqZ5mrsLKB15q_lelnx9oW" width="300"> </td> <td> <img src="https://raw.githubusercontent.com/shrikanth7698/ChatView/master/Explanation%20Screenshot%202.png" width="300"> </td> </tr> </table> ### Version [](https://jitpack.io/#shrikanth7698/ChatView) ### Installation Add this to your root build.gradle at the end of repositories: ```gradle allprojects { repositories { ... maven { url 'https://jitpack.io' } } } ``` Then add dependency ```gradle dependencies { compile 'com.github.shrikanth7698:ChatView:v0.1.2' } ``` ### Usage Drop the ChatView in your XML layout as is shown below: ```xml <com.shrikanthravi.chatview.widget.ChatView android:layout_width="match_parent" android:layout_height="match_parent" app:showSenderLayout="false" app:leftBubbleLayoutColor="#ff7b7b" app:rightBubbleLayoutColor="@color/colorAccent2" app:leftBubbleTextColor="@android:color/white" app:rightBubbleTextColor="@android:color/black" android:layout_above="@+id/sendLL" app:showSenderName="true" android:id="@+id/chatView"> </com.shrikanthravi.chatview.widget.ChatView> ``` don't forget to add this attribute to your root layout. ```xml xmlns:app="http://schemas.android.com/apk/res-auto" ``` And then in your Activity or Fragment ```java ChatView chatView = (ChatView) findViewById(R.id.chatview); ``` Sample code ```java //sample code to add message to right Message message = new Message(); message.setBody(messageET.getText().toString().trim()); //message body message.setType(Message.RightSimpleMessage); //message type message.setTime(getTime()); //message time (String) message.setUserName("Groot"); //sender name //sender icon message.setUserIcon(Uri.parse("android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot")); chatView.addMessage(message); //sample code to add message to left Message message1 = new Message(); message1.setBody(messageET.getText().toString().trim()); message1.setType(Message.LeftSimpleMessage); message1.setTime(getTime()); message1.setUserName("Hodor"); message1.setUserIcon(Uri.parse("android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor")); chatView.addMessage(message); //to clear messages chatview.clearMessages(); //to remove message chatview.remove(position) //or chatview.remove(message) ``` Message types ```java //Message.LeftSimpleMessage Message message = new Message(); message.setType(Message.LeftSimpleMessage); message.setBody(body); //string message.setTime(getTime()); chatView.addMessage(message); //Message.RightSimpleMessage Message message = new Message(); message.setType(Message.RightSimpleMessage); message.setBody(body); //string message.setTime(getTime()); chatView.addMessage(message); //Message.LeftSingleImage (when clicked it will go to fullscreen mode) Message message = new Message(); List<Uri> mSelected = new ArrayList<>(); mselected.add(Uri.parse("Your image")) message.setTime(getTime()); message.setType(Message.LeftSingleImage); message.setImageList(mSelected); chatView.addMessage(message); // Message.RightSingleImage (when clicked it will go to fullscreen mode) Message message = new Message(); List<Uri> mSelected = new ArrayList<>(); mselected.add(Uri.parse("Your image")); message.setTime(getTime()); message.setType(Message.RightSingleImage); message.setImageList(mSelected); chatView.addMessage(message); // Message.LeftMultipleImages (can hold upto 10 images in a single row as a collage view) Message message = new Message(); List<Uri> mSelected = new ArrayList<>(); mselected.add(Uri.parse("Your image")); mselected.add(Uri.parse("Your image")); mselected.add(Uri.parse("Your image")); message.setTime(getTime()); message.setType(Message.LeftMultipleImages); message.setImageList(mSelected); chatView.addMessage(message); // Message.RightMultipleImages (can hold upto 10 images in a single row as a collage view) Message message = new Message(); List<Uri> mSelected = new ArrayList<>(); mselected.add(Uri.parse("Your image")); mselected.add(Uri.parse("Your image")); mselected.add(Uri.parse("Your image")); message.setTime(getTime()); message.setType(Message.RightMultipleImages); message.setImageList(mSelected); chatView.addMessage(message); // Message.LeftVideo (when clicked it will go to fullscreen mode) Message message = new Message(); message.setType(Message.LeftVideo); message.setTime(getTime()); message.setUserName("Hodor"); message.setVideoUri(Uri.parse(getPath(data.getData()))); message.setUserIcon(Uri.parse("android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor")); hatView.addMessage(message); // Message.RightVideo (when clicked it will go to fullscreen mode) Message message = new Message(); message.setType(Message.RightVideo); message.setTime(getTime()); message.setUserName("Groot"); message.setVideoUri(Uri.parse(getPath(data.getData()))); message.setUserIcon(Uri.parse("android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot")); chatView.addMessage(message); ``` ### Sender Layout <img src="https://raw.githubusercontent.com/shrikanth7698/ChatView/master/Sender_Layout.png" width="400" > You should have a accent color in your colors.xml otherwise view will crash. You can hide or show sender layout ```xml app:showSenderLayout="true or false" ``` This is still in beta Sender Layout has 4 buttons for now. * Send Button * Camera Button * Gallery Button * Video Button and a Text box You can change the color of buttons by changing the accent color you use in your app. Note: You should use your own logic of picking images,videos and capturing images. In this sample I used an external library to pick images from gallery. ```java //Send button click listerer chatView.setOnClickSendButtonListener(new ChatView.OnClickSendButtonListener() { @Override public void onSendButtonClick(String body) { if(switchbool) { Message message = new Message(); message.setBody(body); message.setType(Message.RightSimpleMessage); message.setTime(getTime()); message.setUserName("Groot"); message.setUserIcon(Uri.parse("android.resource://com.shrikanthravi.chatviewlibrary/drawable/groot")); chatView.addMessage(message); switchbool=false; } else{ Message message1 = new Message(); message1.setBody(body); message1.setType(Message.LeftSimpleMessage); message1.setTime(getTime()); message1.setUserName("Hodor"); message1.setUserIcon(Uri.parse("android.resource://com.shrikanthravi.chatviewlibrary/drawable/hodor")); chatView.addMessage(mes