与UITableViewCells聊天气泡

Question

I want to have chat bubbles with a custom bubble image to be used to display chat messages. As a beginner, I am thinking of having a UITableView with custom cells. The cell will have bubble image. And within that image, I want to have chat message, date&time and status.

Also, the size of bubble image will shrink or expand depending on message size.

How do I achieve this? Is there any good tutorial to achieve this?

Please help.

Thanks in advance.

Answer 1

I would highly advise this library:

http://www.cocoacontrols.com/platforms/ios/controls/stbubbletableviewcell

I think it will suit your needs.

Answer 2

You can of course have a structure but the it will be quite odd because the size of table will be according to size of biggest cell , also the size of table will have to be defined during allocation so what you will be doing is placing an image according to the size of text and it will be quite odd as rest of cell will be simple white.

Now . You will have to implement the logic to change the size of image in layoutSubviews Method of UITableViewCell as You can get the size of text from the chat message using sizeWithFont method of NSString PLease see String size in label and then you will have to set the frame of each cell or image in the delegate method of uitableview "- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath "

You can add as many labels as required in custom UITableViewcell (or controls). Custom cell Tutorial

Alternatively you can create a custom view where in you can define methods to add subviews with the image as background cropped to match the size of message , below each message and create an array of strings or dictionary of string to keep a track of messages from different users.

Answer 3

检查此内容-http://idevrecipes.com/2010/12/08/stretchable-images-and-buttons/-并使用相同的方法，但是自定义表格单元格中的图像可以垂直拉伸-中间有一些顶盖..然后将此uiimage作为背景添加到单元格中