Question

I am developing one chat application and i want to create a chat screen layout like following screen.

Currently I am using ListView for my chat texts but the problem is that to read the long chats I have to scroll down,my screen does not scrolls automatically.

I want this bubble kind of chat layout. How do I develop this kind of chat layout?

Answer 1

What you need here is a layout with a header and footer part, having as a main view a ListView.

This ListView should have a custom Adapter to show the message items.

To achieve this bubble-like display, your itemRenderer should be able to deal with states (fromMe – fromOther).

To have the bubbles, you should attach different backgroundDrawable (bubble 9patches pointing to the left and right) to different states.

If you have stuck somewhere, share the relevant code snippets and logcat output, so we can help you further.