This is an Android library which can be used to add chat functionality to your android application with just a few lines of code.
Add this to your root build.gradle at the end of repositories:
allprojects { repositories { ... maven { url 'https://jitpack.io' } } }
Then add dependency
dependencies { implementation 'com.github.fasilthottathil:SimpleChatView:1.0.0' }
Drop the ChatView in your XML layout as is shown below:
<com.fasilthottathil.simplechatview.widget.SimpleChatView android:id="@+id/simpleChatView" android:layout_width="match_parent" android:layout_height="match_parent" />
don't forget to add this attribute to your root layout.
xmlns:app="http://schemas.android.com/apk/res-auto"
And then in your Activity or Fragment
val simpleChatView = findViewById<SimpleChatView>(R.id.simpleChatView)
Sample code
val simpleChatView = findViewById<SimpleChatView>(R.id.simpleChatView) //sending text message simpleChatView.addMessage( ChatMessage( UUID.randomUUID().toString(),//message id "Hello world",//message "John Doe",//username "http://www.maxspring.ch/images/cartoons/4.jpg",//profile url true,//for setting left or right position of the chat System.currentTimeMillis(),//timestamp SimpleChatView.TYPE_TEXT//message type ) ) //sending image message simpleChatView.addMessage( ChatMessage( UUID.randomUUID().toString(),//message id "http://www.maxspring.ch/images/cartoons/c71.png",//image url "John Doe",//username "http://www.maxspring.ch/images/cartoons/4.jpg",//profile url true,//for setting left or right position of the chat System.currentTimeMillis(),//timestamp SimpleChatView.TYPE_IMAGE//message type ) ) //sending video message simpleChatView.addMessage( ChatMessage( UUID.randomUUID().toString(),//message id "http://www.maxspring.ch/images/cartoons/Kultursponsoring.jpg",//video url "John Doe",//username "http://www.maxspring.ch/images/cartoons/4.jpg",//profile url true,//for setting left or right position of the chat System.currentTimeMillis(),//timestamp SimpleChatView.TYPE_VIDEO//message type ) ) //adding list of messages simpleChatView.addMessage(chatMessageList) //removing message simpleChatView.remove(position) simpleChatView.remove(ChatMessage()) simpleChatView.clearMessages()//clears all the added messages simpleChatView.setOnMessageSendListener { message -> //user clicked on send message button } simpleChatView.setOnMessageClickListener { chatMessage -> //user clicked on the Text Message } simpleChatView.setOnChatImageClickListener { chatMessage -> //user clicked on the image message } simpleChatView.setOnChatVideoClickListener { chatMessage -> //user clicked on the video message } simpleChatView.setOnChatUserImageClickListener { chatMessage -> //user clicked on the profile pic } simpleChatView.setOnChatUsernameClickListener { chatMessage -> //user clicked on the username } simpleChatView.setOnSelectImageClickListener { //user clicked on the image selection button } simpleChatView.setOnSelectVideoClickListener { //user clicked on the video selection button } simpleChatView.setOnSelectCameraClickListener { //user clicked on the camera button }
customize using xml code
<com.fasilthottathil.simplechatview.widget.SimpleChatView android:id="@+id/simpleChatView" app:hint="Type message" app:hintTextColor="@android:color/darker_gray" app:chatInputBackgroundColor="@color/white" app:chatInputBackground="@drawable/chat_input_shape" app:chatViewBackgroundColor="@color/white" app:showAddButton="true or false" app:showCameraButton="true or false" app:showImageButton="true or false" app:showVideoButton="true or false" app:showSenderLayout="true or false" app:addButtonColor="@color/teal_200" app:sendButtonColor="@color/purple_700" app:textColor="@color/black" android:layout_width="match_parent" android:layout_height="match_parent" />
customize using kotlin code
simpleChatView.setChatViewBackground(Color.WHITE) simpleChatView.setSendButtonColor(Color.BLUE) simpleChatView.setAddButtonColor(Color.RED) simpleChatView.setChatInputBackgroundColor(Color.LTGRAY) simpleChatView.setChatInputBackground(R.drawable.chat_input_shape) simpleChatView.setShowAddButton(true or false) simpleChatView.setShowSenderLayout(true or false) simpleChatView.setShowImageButton(true or false) simpleChatView.setShowVideoButton(true or false) simpleChatView.setShowCameraButton(true or false) simpleChatView.setHint("Type message...") simpleChatView.setHintTextColor(Color.parseColor("#929292")) simpleChatView.setTextColor(Color.BLACK)