[Sponsored] Custom Chat View - An Extension for creating chat view

icon Custom Chat View

Hello everyone, Custom ChatView allows you to create chat view interface in your apps within two users or a group with a lot of features and customizations. This extension works with recycler view so you can create unlimited chat without any lag and taking time. This extension currently supports only text messages. You can send emojis too as text and with HTML format.

Let see its blocks

All Blocks [Events and Functions]


image


Documentation

  • Message Click Listeners

    image

    This event raises when any message is clicked.

    image

    This event raises when any message long clicked.

  • Initialize

    image

    This block initialize the chat view layout in given container. It must be initialized before adding any messages.

  • Add Message

    image

    This block add a message to chat view. If you don’t want to show the title then give empty string to it. Status is defined by three properties (Sending, Sent, Seen).

  • Update Message

    image

    This block update the message by its position.

  • Update Status

    image

    This block update the status of the message as already mentioned. Status thing only work for outgoing or messages that are sent by the sender. It won’t affect anything when you uses this block on incoming messages.

  • Enable HTML

    image

    This block enables the html format for message text for a given position.

  • Delete Message

    image

    Delete a message for given position.

  • Clear All Messages

    image

    Clears all the message from the chat view.

  • Get Message

    image

    Return all the details of a message (e.g time, message, isSender etc) in YailDicitionary format.

  • Scroll Helpers

    image

    These blocks scrolls the chat view at given position.

Properties

  • image

    Set the background color of the whole chat view.

  • image

    Set the corner radii of the messages. The bubble shapes is adjusted while binding the messages.

  • image

    Set the properties of the split date that will be shown above messages. Same date won’t show again. Use MMM for month name (14 May 2022) and MM for month index (14 05 2022)

  • image

    Set the properties of the message text for both outgoing and incoming messages.

  • image
    image
    image

    Set the custom status image from assets. If they are not selected then extension will show it’s default images.

  • image

    Set the properties of the incoming messages.

  • image

    Set the properties of the outgoing messages.

  • image

    If you don’t want to show the status of the outgoing message then uncheck this property.

  • image

    Set the properties of time string of both type of messages.

  • image

    Set the properties of title of the both types of messages.

All properties could be set with blocks too. There are some properties that must be set before the initialization such as showStatus otherwise they would not work.


How to Use

First of all, You will have to initialize the chat view in a container

image

After initialization, you can add the messages this way

image


Screenshots


Download


Extension Updates

All updated versions of this extension will be posted here.

v1.1.0


Donate

If you want to donate/sponsor with Paytm/UPI then please PM me for the payment details.


Credit

Thanks @Shreyash for the super power full Rush .

Here are the sponsors of the extension :-

@Choofa
@ammar5287
@info6

Thank to all sponsors.
Like the extension if you like it :+1:

Suggestion and issue are welcome.

Thanks you
Sumit​:wink:

31 Likes

This post was flagged by the community and is temporarily hidden.

Nic extension! but in next version you can add image , videos and group scroll effect #telegram type and custom status bar

1 Like

Custom Chat View v1.1.0

It’s the new version as I said I will add new type of messages and here I am.


New Messages Added

As I said, I will add new types of messages in future. I have added them here.
Messages Added :

  • Image Messages
  • Voice Messages (You have to play the audio and have to update the progress own for more customizations).
  • File Messages

Screenshots


New Blocks

Now let see the new blocks that has been added in this update.

  • image
    image
    image

    New blocks to get clicks on new types of messages.

  • AudioMessageProgressChanged

    image

    This block is very important for audio messages. As I have said already, you would need to play the audio own on AudioMessageClicked event or whenever you want. It will help you to provide more addons and customizations to your audios as you can use any better audio player extension to play at different speeds and pitches. This event raises when users changes the position of the slider on audio messages. When the user changes the progress then you would have to play the audio at new changed positions of slider. You can update the progress of audio message whenever you want.

  • Add Image Message

    image

    This block add a new image message to chat view. Give the file path of the image and rest of things are same as text messages.

  • Add Audio Message

    image

    Add a new audio message to the chat view. Give the file path of the audio file and rest of params are same as text messages.

  • Add File Message

    image

    Add a new file message to the chat view. Provide the file path, mime type and total size of the file and the file name that you want to display in message.

  • Update Audio Message Progress

    image

    This block update the progress of the audio messages. Give the position of that audio messages and other properties.

    durationPlayed = the duration the audio is played at for ex, if the audio played for 5 sec then this value could be 00:05. However, it’s depend on you can give any value to it.
    durationTotal = the total duration of the audio file for ex, if the audio file’s duration is 30 sec then this value could be 00:30. You can give any value here too.
    progress = progress of the slider that decides at where the audio file will be played. For ex, if a file’s duration is 30 sec then you could give 30 value to max parameter and progress will be duration at which the audio file is currently playing.

  • image
    image

    Update the message at given positions. Same as Add Message.

Some new properties has been added to change the color and font size of file and audio messages. I am not posting them here as they are simple to understand and use, I hope you could use them if you have any issue then you can post here.


What’s Changed

  • image

    DeleteMessage is renamed to Remove Message.


Extension

Sponsor amount is still unpaid. I would release the extension as soon the mentioned amount sponsored.


Credit


Thank you all
Sumit :wink:

7 Likes

Provide latest version apk

I have updated the APK. It supports file and image messages now with local TinyDb. You can download the updated APK from the same link on top of post.


Please remove unvirsal seprator ie (%20)

How do we manage this with the database?

good work @Sumit1334

2 Likes

so cool. i was looking for this
(edit:)im gonna use this in my app

1 Like


seems like it doesnt work correctly in android 6.0.1 (theres no background color)

Background maybe a gradient drawable issue. But I still confused at your issue. Can you please explain more for ex, more screenshot and multiple messages and maybe logs can help me to find out the issue so please provide the logs too if you don’t know then please PM me so I can explain. I could find my own but I don’t have android 6.
Thanks

Hey @HAKANKOKCU , I reproduced the issue own by testing the APK in android 6 emulator.
It was a date format error that was incompatible in android 6. I have solved it now here you can see it is working as it should.

I have updated the APK now you can download it once again and can check it.
Fly to first post.

2 Likes

Would you mind share the amount donated, so we know how much left you need for sharing it for free to community? :blush:

I’ve donated, but I’ll download when it’s free for all. If required donation amount is not fulfilled I’ll pay the rest :ok_hand:

3 Likes

That’s really good extension I congratulate you
but Can you add swipe action to left and right this can be more easy for user to use .

Thanks @Choofa for your donation. After your donation, 25$ has been collected out of 40$. Only 15$ has left and I will release the extension publicly. It’s really shame that you just donated half of the total amount but still 15$ are left. It seems that users just want it free and no one is interested to pay.

Extension is still not released. Don’t expect all things before release. A update has already made and I think it contains enough features for a professional chat view. I don’t have any update plans for this currently will think about it later. I have other extensions too.

4 Likes

Ok no problem I just want to give you my recommendation.
But good work man

I’m just glad I can help :slight_smile: Looking forward to test the aix :wink:

1 Like

Extension Update

This sponsored amount for the extension is collected fully by koders and as I said I’ll release the extension once the amount is collected. I have posted the extension download link on the first post. You can test it now, a demo AIA and APK is posted too. If you are lazy or weak at coding then you could use that AIA. I have made some changes in the extension from last version that I would like to mention.


New Blocks

There are some new blocks has added. Here are their docs.

  • image

    These events raises when user scrolled to the top or bottom. This will help you to load more messages from your server. Thanks @ammar5287 for suggesting these blocks.

  • These blocks set all the properties of audio and document messages. You can leave these blocks if you want default properties on these messages. There are already a lot properties blocks and it really seems a mess in code that’s why I added a function block to specify all the properties with one blocks at same time.
    Here are the default values of these blocks :-

    -1 is the integer code of white color.

  • image

    Returns a list of all timestamp of all messages(include images, files etc).

  • image

    If checked then default item animation of recycler view will be played on updating or deleting the messages.


Credits

First of all I would love to thanks the sponsors of this extension.

Here are the sponsors :-

@Choofa
@ammar5287
@info6

Thank you again for donating.


Thank you all
Sumit :wink:

5 Likes

Sumit, your extensions are life changing :heart::star_struck:

2 Likes