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

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

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

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

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

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

实现步 骤:

搭建界面

数据属性字典

时间: 2024-09-17 04:56:24

IOS详解TableView:对话聊天布局的实现的相关文章

IOS详解TableView:QQ好友列表的实现

上篇博客写了关于性能优化以及手工绘制自定义单元格内容,这篇我们利用TableView的Section的 Header来实现类似QQ好友列表的效果. TableView有一个代理方法 这个方法返回一个UIView对象,我们可以将一个Button对象设为这个Section的Header,在点击它的 时候展开列表内容. 简单地看下假的好友列表数据 一个array中包含多个 dictionary,字典中又包括组别的名字以及好友列表,好友也用一个字典来表示,分别有名称,是否在 线以及头像图片名字. 加载数

IOS详解TableView:内置刷新,EGO,以及搜索显示控制器

这几天因为住的地方的网出了一点问题,除了能上Q,上微博以外其他的网页全都无法登陆.博客也 就没有跟进. 今天恢复了,所以继续更新博客.也希望大家能继续评论或私自给我一些建议或者 交流:-) 今天找到了以前一个TableView的例子,主要关于上下拉刷新的,所以写了一个demo,然 后更新到博客上来. 内置刷新 内置刷新是苹果IOS6以后才推出的一个API,主要是针对 TableViewController增加了一个属性,refreshControl,所以如果想用这个内置下拉刷新的话,最好给 你的

IOS详解TableView:性能优化及手工绘制UITableViewCell

提高表视图的性能 UITableView作为应用中最常用的视图,它的性能优化问题几乎是经常提及 .下面对在非网络访问情况下的表视图性能优化进行了主要的几点说明: 1.自定义类或XIB文件 时 在系统提供的样式不能满足我们的时候,我们经常会创建自定义类或者XIB文件来自定义单元 格样式. 在之前,我们通常通过loadNib的方式或者在代理方法中继续使用老的方法来设置重用 ,管理缓存池.在IOS6以后,我们可以通过注册的方式在注册单元格甚至表头视图,让系统来更高效的 进行管理. 2.Interfac

IOS详解TableView:实现九宫格效果

根据需求九宫格的效果可以有很多种.九宫格效果应用比较广泛,实现也多种多样,比如选项抽屉效 果. 这里写了一个在UITableView上显示九宫格效果的Demo. 思路:在Cell上初始化自定 义按钮,根据预设的每行按钮个数来决定他们在Cell上的位置.然后响应点击事件即可.整体实现不是 很难,细节上注意一下即可. 搭建界面 数据,图片来自于天猫客户端的一些资源图片,然后还是以属性字典的方式读取提前设定的数据.

IOS详解TableView:静态表格使用以及控制器间通讯

一个Demo 通过使用静态表格来完成个人资料增加编辑以及搜索.不过通常我们会使用更灵活的Group 风格表视图来完成. 上篇文章简单的介绍了一下搜索框的使用.这里给其加入数据来说明. 先看下效果

IOS详解TableView:选项抽屉(天猫商品列表)

在之前的有篇文章讲述了利用HeaderView来写类似QQ好友列表的表视图. 这里写的天猫抽屉 其实也可以用该方法实现,具体到细节每个人也有所不同.这里采用的是点击cell对cell进行运动处理 以展开"抽屉". 最后完成的效果大概是这个样子. 主要的环节: 点击将可视的Cell动画弹开. 其他的Cell覆盖一层半透明视图,将视线 焦点集中在弹出来的商品细分类别中. 再次点击选中的或其他Cell,动画恢复到点击之前所在的 位置. 商品细分类别属于之前写过的九宫格实现.这里就不贴代码了.

Masonry自动布局详解六:tableviewCell布局

Masonry自动布局详解六:tableviewCell布局 说到iOS自动布局,有很多的解决办法.有的人使用xib/storyboard自动布局,也有人使用frame来适配.对于前者,笔者并不喜欢,也不支持.对于后者,更是麻烦,到处计算高度.宽度等,千万大量代码的冗余,对维护和开发的效率都很低. 笔者在这里介绍纯代码自动布局的第三方库:Masonry.这个库使用率相当高,在全世界都有大量的开发者在使用,其star数量也是相当高的. 支持原创,请阅读原文 效果图 本节详解Masonry的以动画的

郑可详解西山居手游布局:将推单月流水过亿产品

[摘要]西山居今年会正式代理发行第一款产品<三国战神>,下半年<神魔三国志>等12个产品会亮相. 郑可详解西山居手游布局:将推 21106.html">单月流水过亿产品与大多数公司在手游上的小步快跑战略不同,自2011年10月开始涉足手游业务,西山居一直采用的是一种深耕细作的模式,整整2年之后,西山居副总裁郑可在才第一次在媒体面前介绍了目前产品进度和整体策略,他透露,西山居将兼顾代理和发行,今年将有十余款手游集中亮相.郑可介绍,过去两年时间内,西山居在手游领域的投入

Android 布局学习之——Layout(布局)详解二(常见布局和布局参数)

  [Android布局学习系列]   1.Android 布局学习之--Layout(布局)详解一   2.Android 布局学习之--Layout(布局)详解二(常见布局和布局参数)   3.Android 布局学习之--LinearLayout的layout_weight属性   4.Android 布局学习之--LinearLayout属性baselineAligned的作用及baseline      Layout Parameters(布局参数):            在XML文