Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Implement view like standard iPhone SMS-chat bubbles view

Tags:

iphone

Does anybody know how to implement such view, any tutorials, code examples, ideas.

Other good example of such view is Tweetie application that is on top of social networking appstore applications. See first screenshot of that app on appstore.

I appreciate any ideas on that.

like image 733
Aler Avatar asked Mar 19 '09 18:03

Aler


People also ask

How do you customize chat bubbles?

When you're in a chat, tap the three vertical dots at the top right corner or the plus sign in the bottom left of the screen. Select Chat Bubble Style, and you will see a Customize option accompanied by your currently activated chat bubbles. In Customize, you will see a list of bubbles that you are able to customize.

What are bubbles in text messages?

Bubbles let you read and reply to messages while you're using other apps. A bubble (a circle with your friend's picture) will pop up when you get a new message. To view and reply to the message without leaving the screen you're on, just tap the bubble.


2 Answers

Check out Acani Chats.

It uses an identical background image for the UITextView.

like image 170
ma11hew28 Avatar answered Oct 06 '22 15:10

ma11hew28


Here's the answer, with example code, direct from the source (the creator of Tweetie): http://blog.atebits.com/2008/12/fast-scrolling-in-tweetie-with-uitableview/

From the blog post: "The technique is extensible to pretty much any style cell you need - I use the same thing in Tweetie and draw the chat bubble, text, and avatar all together into a single view." You can use - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight to create a stretchable chat bubble to put behind each cell in your table view

like image 40
Andy Bourassa Avatar answered Oct 06 '22 13:10

Andy Bourassa