美文网首页week.io
记一次TableView优化经历

记一次TableView优化经历

作者: He_Define | 来源:发表于2015-11-09 11:55 被阅读635次
    1.pic.jpg

    模仿Appstore大厅TableView

    上下滑动卡顿严重

    原因还是因为没有重用。

    1、第一次是将指针赋值给了cell,里面的内容还是没有得到重用

    2、第二次是创建了重用的cell,然后cell被没有重用的覆盖了。

    为了这个进行的实验有:

    1、检查所有可能会影响tableview的操作。
    #######ps:这里要说几个影响TableView的性能的因素:cell高度不固定、cell的数量不固定、cell颜色是透明或者半透明的、还有最重要的是重用机制。但是当时第一次没发现。指针里的内容是不具备重用的。

    2、通过减少cell的数量,scrollView里面的icon的数量来查看是否会使卡顿稍微好点。卡顿的现象有好转,但是还是比较明显的卡顿。

    3、改变cell里面的布局,改为横放的TableView

    当时有过几个猜想:

    1、AppStore上的TableView是通过drawRect来实现的,不过当时想了想还是被我否决了,因为drawRect比较适合那些没有响应状态的cell

    2、每个cell的内容是一个tableView

    不断尝试过程

    问过别人以后,知道了指针里的cell 是不具备重用的,当时改正后还是发现卡顿,在自以为cell重用开启了的情况下(其实还是没重用2333),又进行了以下几个优化:

    1、将试图将cell里面的scrollView换成tableview,发生了两个问题,一个是cell里的tableview的两个delegate协议与原tableview发生冲突,直接当掉了。第二个问题是tableview放进去以后还没加载数据就还是和原来的scrollView一样卡,这个问题其实还没开始做的时候就已经预感到了的,因为毕竟tableview是继承的scrollView。想要用tableview是想里面的Icon可以重用。

    2、试图找到方法,使得cell移出屏幕后不会被释放。放到array数组里。但是很明显这个是和tableview里面的重用机制结果是一样的,因为从至始至终我一直认为自己是开了tableview的重用机制的,所以我觉得这样写和重用机制不会有什么差别。

    3、第二个想法其实很简单粗暴,直接人为得把所有的cell换成一个View然后放到ScrollView里面。这个是最后没有办法的办法了,把东西写死是最不想看到的。但是就当时来看,如果这么卡顿的话,用户体验一定非常差。而且自己懒得写那么多view,复制复制都嫌麻烦。

    4、因为我想着我开了重用,而且所有可能影响tableview滑动体验的所有因素都考虑到了,但是还是卡顿,那么只剩下一个原因了,这个原因是我一直不愿意面对,但是公司里几个人都提到的一个问题,那就是我一个cell里面的东西太多了。当时我问他们,那要是想要放很多view有什么方法解决么?难不成用drawRect,他们说尽量避免。通过drawRect就是要手动绘制一个view,很麻烦,非常麻烦,但是效果很明显,当时其实drawRect一般是用来绘制那些比较简单的无响应静态界面(我认为。。如果不对的希望多多指教)


    当试验到了这个时候,我已经打算开始放弃了,放弃的方式也有很多种。

    1、重新找一个好看的界面来模仿着写。(当时看了网易云课堂,携程,同程等app)

    2、继续找原因,百度仿的一些个案例。(当时看到一个讲AppStore是用html5写的。。这点还真不知道事实是什么,但是当时信了,真的信了。难怪我写不了)

    3、在原来的基础上继续写,卡就卡了,反正只是个毕设而已。

    我选了第三个,原因是因为。。懒得去写个新的,将就着用吧,看着还不错,要是滑动慢一点谁看得出来。
    然而继续开始我的编程,再原来的cell继续添加的时候发现了问题。。。
    当时的代码是这样的:

    cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier1];
    cell = [[[NSBundle mainBundle]loadNibNamed:@"CommandCell" owner:self options:nil]firstObject];
    return cell;
    

    问题其实比第一次指针的那个问题还要简单:我这个cell好像把原来的给覆盖了。。立马改成

    cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier1];
    if(cell == nil)
        cell = [[[NSBundle mainBundle]loadNibNamed:@"CommandCell" owner:self options:nil]firstObject];
    return cell;
    

    test一下。。。有非常轻微的卡顿,但是很明显不会影响用户体验。至少在目前还没开始加载图片的情况下还没到影响体验的状况。

    总结:

    这次优化经历其实结果并不重要,当时这个优化的经历让我非常收益,考虑问题的方面也有了很大的提升。

    相关文章

      网友评论

      • iHTCboy:只用横行布局的一个ColletionView就解决重用,定义多个样式的cell。
        He_Define:@iHTCboy 嗯:joy:当时刚学,现在也想到了
        iHTCboy:@iHTCboy 分多个section显示。

      本文标题:记一次TableView优化经历

      本文链接:https://www.haomeiwen.com/subject/vnthhttx.html