实现类似于标准 iPhone 短信聊天气泡视图的视图

Question

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.

Answer 1

Check out Acani Chats .

It uses an identical background image for the UITextView .

Answer 2

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

Answer 3

There are some thoughts on this here:

Creating a “chat bubble” user experience

Be sure to read the comments on the answers as well!

Answer 4

Search for jsqmessagesviewcontroller , it's a good library.

Answer 5

I'm pretty sure they're basically table-views with cells of different heights that are custom-drawn. You can do a lot by supplying your own background and content view's in a UITableViewCell.

Answer 6

Check out the BubbleThingie sample code for example of how to do image bubbles with masking. It also has example of how to do the text bubbles using a UIButton or UILabel.