iOS Maintaining spacing between chat bubbles

asheshsj · Dec 19, 2008

Hi All,

Can someone please help me on how to maintain an equal distance between different bubbles in a chat window. I am building an application which requires for us to have a chat module with Iphone style Bubbles.

I tried both UIWebView and UITableView but cannot maintain an equal spacing between different bubbles.

Thanks,
- A

jsnuff1 · Dec 19, 2008

UIScrollView is probably the best way to go for this. Build your chat bubbles via UIImageView and UILabel and then add them to the UIScrolView with a certain Y position offset from the last chat bubble.

Should be pretty easy to do.

detz · Dec 19, 2008

Use UIWebView and have the bubbles divs. Then just add the same margin to the bottom of each bubble.

Something like....

PHP:

div.bubble{
margin-bottom:10px;
}

<div class="bubble">This is a message</div>
<div class="bubble">This is a another message</div>
<div class="bubble">This is a final message</div>

asheshsj · Dec 19, 2008

Thanks for the quick reply, but I am using UITableView as it supports scrolling. (I need to maintain the chat history between users). Can you suggest something in regards to this.

Thanks,
- A

Search

Search

iOS Maintaining spacing between chat bubbles

asheshsj

macrumors newbie

jsnuff1

macrumors 6502a

detz

macrumors 65816

asheshsj

macrumors newbie

Our Staff