读书人

IOS详解TableView会话聊天布局的实

发布时间: 2013-10-08 16:46:23 作者: rapoo

IOS详解TableView——对话聊天布局的实现


上篇博客介绍了如何使用UITableView实现类似QQ的好友界面布局。这篇讲述如何利用自定义单元格来实现聊天界面的布局。


借助单元格实现聊天布局难度不大,主要要解决的问题有两个:


1.自己和其他人说话头像和气泡图像在不同的位置。

找了些类似的例子,有根据不同情况设置不同的自定义类的。这里使用根据说话人的属性来设置不同的位置,在一个单一的单元格类中。

2.像微博等根据说话的内容长短对说话图片进行拉伸,以及单元格自适应高度。


实现步骤:


搭建界面

IOS详解TableView——会话聊天布局的实现


数据属性字典


IOS详解TableView——会话聊天布局的实现


读取数据




awakeFromNib和layoutSubviews方法




Demo源码:点击打开链接



以上为本篇博客全部内容,欢迎指正和交流。转载请注明出处~


2楼againbike前天 12:02
不错,谢谢分享
Re: ran0809前天 12:02
回复againbiken:-)
1楼suannai0314前天 10:37
您的文章已被推荐到CSDN首页,感谢您的分享。
Re: ran0809前天 10:55
回复suannai0314n谢谢

读书人网 >操作系统

热点推荐