Android Example Responsive Chat Example

Hi All.
I made this example for a chatbot app here on brasil and now i want to share it here.

This example use xCLV and IME lib (Already in B4A).
The messages fit both vertically and horizontally, making them fully responsive.

Note: The text field expands according to the text size.
Note2: When you are typing text the sound icon changes to the send icon, as in whatsapp.

You can download it here....

Download Here

Thanks!

 

[mcqueccu]

Wow, it seems Christmas has started early this year
Thank you

 

[AnandGupta]

Thanks for sharing.
This will help me in learning how Messing app like Whatsapp works

Regards,

Anand

 

[LucaMs]

You had to publish this a few months ago, before I did it myself for my apps, I would have avoided working on it

 

[Brandsum]

I think it's a template not the full app. Is it?

 

[DonManfred]

Is it?

yes. Unfortunately using spanish comments/variables... Unlikely for me to use it. I do not speak spanish/portuguese.

 

[Douglas Farias]

yes. Unfortunately using spanish comments/variables... Unlikely for me to use it. I do not speak spanish/portuguese.

Hi.

I'm very bad at English, I've had problems here on the forum using words that seemed correct to me and to others seemed offensive.

I work in Brazil, this example was already ready and posted on my site, as I have no time, could not translate to another language.

But there are many Brazilians who understand Portuguese and English here in the forum, maybe someone with a good heart can do the translation work of this example, it would be great.

Have a nice day

 

[DonManfred]

No problem for me at all

I just don´t like to use Code where i do not understand the comments or variablenames. Same applies to chinese or any other language i do not speak.

 

[DonManfred]

Anyway; thank you for sharing! It will be helpful to some people i guess ;-)

 

[moster67]

After all, it is the code that is important. The comments or any doubts about the variable names can be easily looked up using Google Translate.
Thank you @Douglas Farias

 

[AnandGupta]

After all, it is the code that is important.

Agree fully.
For beginners like me, these selfless contribution from members are invaluable. They have and are helping us a lot to learn B4A and also Java.

To check, I translated "chat.b4a" file from Portuguese to English and Google did a very good job in translating variable names and comments. So I see there is no problem in it.

In another forum, we do not have separate language threads, but we seek and give solution in our own language along with English translation text. So language is no barrier in today's world.



Regards,

Anand

 

[Indic Software]

Hi.

I'm very bad at English, I've had problems here on the forum using words that seemed correct to me and to others seemed offensive.

I work in Brazil, this example was already ready and posted on my site, as I have no time, could not translate to another language.

But there are many Brazilians who understand Portuguese and English here in the forum, maybe someone with a good heart can do the translation work of this example, it would be great.

Have a nice day

Please use DeepLearning to translating your messages in English and visa versa.

https://www.deepl.com/translator

 

[Rusty]

AnaAndGupta, any chance you can post your English version?
Thanks

 

[AnandGupta]

AnaAndGupta, any chance you can post your English version?
Thanks

100% chance

It is work of Douglas and I just did google translation. Here it is attached "chat_en.b4a". See the comparison image below for an idea.



Please note that we can not just use the translated version in b4a as all variable, class, library names are translated and will give error. Best is to read the English version to understand the concept and change the string constant one by one in the original and check. I follow this step.

Regards,

Anand

 

[Rusty]

Thanks!
It has a lot of translation errors, but the English names are usable for the most part.
I appreciate your help!
Rusty

 

[Mike1970]

Hi, what does this part do?

If (i > (FirstIndex - ExtraSize)) And (i < (LastIndex + ExtraSize)) Then
     If p.NumberOfViews = 0 Then
          ' ... layout customization ...
     EndIf
Else   
     If p.NumberOfViews > 0 Then
          p.RemoveAllViews
     End If
End If

 

[Douglas Farias]

Hi, what does this part do?

If (i > (FirstIndex - ExtraSize)) And (i < (LastIndex + ExtraSize)) Then
     If p.NumberOfViews = 0 Then
          ' ... layout customization ...
     EndIf
Else  
     If p.NumberOfViews > 0 Then
          p.RemoveAllViews
     End If
End If

https://www.b4x.com/android/forum/threads/b4x-xui-customlistview-lazy-loading-virtualization.87930/

lazy loading / virtualization

 

[trueboss323]

Could you add animations please?

 

[ojshss]

Hi All.
I made this example for a chatbot app here on brasil and now i want to share it here.


View attachment 85039

This example use xCLV and IME lib (Already in B4A).
The messages fit both vertically and horizontally, making them fully responsive.

Note: The text field expands according to the text size.
Note2: When you are typing text the sound icon changes to the send icon, as in whatsapp.

You can download it here....

Download Here

Thanks!

Hello Douglas! Download link is already down.

 

[asales]

1 - This thread has more then 5 years.
Check this recommendations to post a question in the forum (item 11):

For new(er) members: How to post a question/issue

1. Please post the code AND the error message from the logs as TEXT within CODE TAGS. 2. Don't post images 3. Describe what the problem is (full sentences, not 3 words, not "my car doesn't work - guess what it is") 4. Use the search function FIRST (assume you're not the first person having that...

www.b4x.com

2 - Since you have already reopened an old topic, check out this example:

[B4X] Cross platform chat layout example

Example of implementing a chat layout. It is based on xCustomListView. The text is created with a hidden BBCodeView (BCTextEngine) and the bubble is drawn with BitmapCreator. Extracting the image from BBCodeView is not trivial. See the code. The code is implemented in the Chat class which is...

www.b4x.com