该篇文章主要介绍一个实现聊天界面的思路过程，源码可以在 源码链接 获得，该工程实现聊天的基本功能，功能还不够完善，欢迎大家提pr，效果图如下所示
我希望通过相对简单的方式实现界面的布局，没有复杂的计算达到自适应的效果。
ios8新功能介绍
虽然self size cell最终没有在我的工程中用到，但是这是我曾经挖过的坑，所以在此做了简单的介绍。
在ios 8 中，uitableview新增一项功能 self size cells，这是一项通过 uitableviewcell 的约束自动自动计算uitableview contentsize 的技术。这个新特性给我们带来两个个好处。
- 我们不再需要为了自适应文字，去计算每个cell 中文字所需要的高度。
- 而且有更高的性能。(因为uitableview每次reloaddata的时候都会重新计算 cell 的高度，意味着如果有1万个 cell 要展示，需要 调用heightforrowatindexpath一万次，这效率是特别低的)
我们通过一个简单的demo来介绍一下 self size cells 的用法，demo 源码
效果如图
使用步骤是
- 为uitableviewcell添加约束
- 设置uitableview 的estimatedrowheight属性
- 设置 rowheight为 uitableviewautomaticdimension
- 有一点需要注意，代码中不能实现heightforrowatindexpath 这个方法
添加约束，有一个原则是，除了自适应text的高度不需要约束外，需要确定所有必要约束
用代码来说就是(这里用到第三方库 snapkit 做代码约束 snapkit 传送门)
|
1
2
3
4
5
6
|
textview.snp_makeconstraints{ (make)in
make.top.equalto(self.contentview).offset(15)
make.width.equalto(100)
make.left.equalto(self.contentview).offset(15)
make.bottom.equalto(self.contentview).offset(-15)
}
|
对于uilabel 来说还需要把numberoflines置为0
然后设置uitableview的必要属性
|
1
2
|
messagetable.estimatedrowheight=44
messagetable.rowheight=uitableviewautomaticdimension
|
以上便是，使用self size cell 的所有步骤。
实战篇
接下来便是实战部分，我希望在聊天页面中使用self size cell 这个功能，聊天页面的效果图
以下下是我为messagecell 制作约束图，事实上用的是代码约束，详情可以查看我的源码
问题
如果我想实现 一个功能像微信一样下拉刷新，而且消息停留在原来的消息页面上，如下图所示
分析：在刷新数据后 调用tableview.reloaddata 方法，可以刷新tableview 显示的数据，不过tableview 会滚动到最顶部。幸运的是tableview是uiscrollview的子类，如果我们改变了内容，contentsize 这个属性一定会改变，也就是说系统一定会掉用contentsize的set方法。如果我们重新这个set 方法，在每次掉用setcontentsize 的时候计算出之前视窗所在的位置，并且在设置完contentsize后移动到计算号的位置，就能平滑的上拉加载更多的历史消息了。
下面是实现平滑滚动的关键代码
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
@objc(jchatmessagetable)
class jchatmessagetable: uitableview {
var isflashtoload:bool! = false
override var contentsize: cgsize {
didset {
if self.isflashtoload != false {
if !cgsizeequaltosize(self.contentsize, cgsizezero) {
if oldvalue.height < self.contentsize.height {
var offset = self.contentoffset
offset.y = self.contentsize.height - oldvalue.height
self.contentoffset = offset
}
}
}
self.isflashtoload = false
}
}
override init(frame: cgrect, style: uitableviewstyle) {
super.init(frame: frame, style: style)
}
required init?(coder adecoder: nscoder) {
fatalerror("init(coder:) has not been implemented")
}
func loadmoremessage() {
self.isflashtoload = true
self.reloaddata()
}
}
|
想法是好的，但是现实总是残酷的，在具体实行的时候出现了一个新的问题，因为我用的是self size cell 来自适应uitableview的contentsize的， self size cell 在处理uitableview 的contentsize时候并不是一次性赋值成功的，它是每5个点的增加height(contentsize.height)，直到合适的高度位置, 也就是说 contentsize的 set 方法会被掉用很多次，而且上面的代码完全没有作用（可以想象结果是只有最后一次掉用contentsize的set方法起到了作用小于5个点的偏移量，由于这个变化真的很小，我也是在这个地方被坑了一次），由于 self size cells 的这个特性，似乎很难实现这个功能。
此时我果断放弃了使用self size cells ，虽然比较心痛，不过我们大致了解了self size cell 是如何自适应高度的。
self size cell 主要给我们带来两个好处
- 能够得到更高的执行效率
- 我们不需要为文字的frame进行复杂的计算 ，只需要设置width的约束和位置，就能够得到自适应的size
由于messagetable 消息的展示是通过分页加载消息的方式，第一次只会添加20条的消息，也就不会出现调用heightforrowatindexpath时间过长的卡顿问题。但是如果用户不断的下拉刷新heightforrowatindexpath的执行时间也会出现线性的增加，所以为了减少这方面的时间开支，我们在每次成功加载一个新的cell 的时候把高度缓存起来，这样就可以减少计算的时间，每次只需要计算新展现的历史消息高度就可以了。
- 第一个问题经过分析我们可以通过缓存高度的方式提高性能.
-
对于第二点，也是最重要的一点，如何不通过手动计算获得uitableviewcell所需要的高度，经过分析发现uitableviewcell 有一个方法systemlayoutsizefittingsize可以计算返回自身的高度，所以我接下来生成一个全局的uitableviewcell 用于计算uitableviewcell 的高度这样我们就不需要手动计算cell的高度了。通过
messagecell.systemlayoutsizefittingsize(cgsizezero).height + 1//这里的 +1 是为了弥补分隔线的高度
返回的高度就是uitableview所需要的高度。
自适应输入框
接下来，我们需要实现如下图的效果，输入框能够自适应输入文字的大小jchatinputview
我们需要输入框能够自适应文本的大小，我们
需要给textview 添加如下约束
|
1
2
3
4
5
6
7
8
|
inputtextview?.snp_makeconstraints(closure: { (make) ->voidin
make.right.equalto(self.showmorebtn.snp_left).offset(-5)
make.left.equalto(self.switchbtn.snp_right).offset(5)
make.top.equalto(inputwrapview).offset(5)
make.bottom.equalto(inputwrapview).offset(-5)
make.height.greaterthanorequalto(30)
make.height.lessthanorequalto(100)
})
|
inputwarpview 添加如下约束。不需要添加高度约束， 因为inputwarpview的高度由textview 的高度和其他约束计算得出
|
1
2
3
|
inputtextview?.snp_makeconstraints(closure: { (make) ->voidin
make.right.bottom.left.equalto(superview)
})
|
到此介绍了一个聊天界面的自适应ui部分，灵活的使用约束可以减少大量的代码。
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持服务器之家！
原文链接：http://www.cnblogs.com/jpush88/p/6580353.html