本文共 3035 字,大约阅读时间需要 10 分钟。
转自:http://tutuge.me/2015/02/19/提升UITableView性能-复杂页面的优化/
随着App的用户界面的内容越来越丰富,再强的手机可能都无法同时渲染复杂的UI界面和保证流畅的体验。所以,我们这些程序猿=。=在写代码的时候就要注意,如何尽可能提高用户的操作流畅性。
之前的做的项目,里面的首页就是一个类似微信朋友圈的“动态”页面,大致如下:
如果是你,你会怎么实现这个页面呢?
这还用问,当然是用UITableView+自定义的UITableViewCell。
UITableView是可以滑动的,为了不让用户在滑动中感到有卡顿,该如何优化?下面,我就写一下我自己在做项目时的“经验”~
主要分为以下几点:
乍一看,这个界面至少有3种样式的Cell,为什么只定义一种呢?
仔细分析一下,页面中每个Cell的内容都有头像、标题、正文、评论、其它(歌曲、图片、歌手)。所以,从整体上看,每个Cell的结构是一致的!
并且,凡是认真研究过UITableView的人应该都知道,Apple已经为我们提供了Cell的重用,如用“registerNib:forCellReuseIdentifier”方法注册自定义Cell的Nib,然后在“cellForRowAtIndexPath”的时候用“dequeueReusableCellWithIdentifier”获取可以重用的Cell,所以,无论UITableView要显示内容有多少,真正创建出的Cell可能只有5、6个。
所以,我们完全可以只创建一种Cell,虽然这样一个Cell的“体积”可能会很大,但是介于Cell的数量不会很多,所以完全可以接受。
既然只定义一种Cell,那该如何显示不同类型的内容呢?
答案就是,把所有不同类型的view都定义好,放在cell里面,通过hidden显示、隐藏,来显示不同类型的内容。如下图定义Cell:
图中的Subview1、Subview2、Subview3就是不同类型Cell的不同之处,所以我们在“cellForRowAtIndexPath”函数中,设置Cell的样式、内容时,就可以通过显示、隐藏这三个子view来显示。
毕竟,在用户快速滑动中,只是单纯的显示、隐藏subview比实时创建要快得多。
开发过Android,用过Android的ListView以后,对UITableView需要提前计算Cell的高度很不适应。=。=
首先要确定的是,在iOS中,系统会先调用“tableView:heightForRowAtIndexPath:”获取每个Cell即将显示的高度,从而确定整个UITableView的布局。然后才调用“tableView:cellForRowAtIndexPath”获取每个Cell,我们也是在这里填充、设置Cell的。
所以,既然高度总会被用到,那就早早的在获取数据时就计算好吧!
其实,在Model(Entity)中保存UI的参数是很奇怪的=。=(最好放在ViewModel中,就是MVVM模式的),我们的Entity可能就是下面的样子:
@interface DataEntity : NSObject//原始数据@property(copy, nonatomic) NSString *content;@property(copy, nonatomic) NSString *title;//Cell 高度@property(assign, nonatomic) CGFloat cellHeight;//计算高度- (void)calculateCellHeight;@end
这样,就不用在“tableView:heightForRowAtIndexPath:”中每次都计算了。
Cell中显示的内容,很多时候可能并不是直接从服务器拿到的数据,而是经过“加工”的数据。如本文中的“动态”也,每个Cell的标题、正文都有可点击的连接Link、表情图片等富文本内容,而我们一般用NSAttributeString类来显示。
既然每次都会用到,倒不如在获取到数据的时候就创建、加工好这些内容,等到需要现实的时候,直接拿来用不就行了。
所以,我们的Entity类可能变成下面这个样子:
@interface DataEntity : NSObject//原始数据@property(copy, nonatomic) NSString *content;@property(copy, nonatomic) NSString *title;//Cell 高度@property(assign, nonatomic) CGFloat cellHeight;//真正显示的内容@property(strong, nonatomic) NSAttributedString *showTitle;@property(strong, nonatomic) NSAttributedString *showContent;//计算高度- (void)calculateCellHeight;//创建、加工真正显示的内容- (void)setupShowTitileAndContent;@end
这样,在“tableView:cellForRowAtIndexPath”中,我们直接拿showTitle、showContent来显示就好,不用再创建。
什么?缓存View?!
是的,当Cell中的部分View是非常独立的,并且不便于重用的,而且“体积”非常小,在内存可控的前提下,我们完全可以将这些view缓存起来!
方法当然也是将缓存的view放在Entity中~。
当然,还有其他的优化方法,简单说一说:
总的来说,就是:
缓存一切可以缓存的!就是“用空间替换时间”!
在UITableView的Delegate、DataSource方法中,减少任何不必要的操作
转载地址:http://hpfws.baihongyu.com/