Tableview如何实现流畅的展开折叠?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Tableview如何实现流畅的展开折叠?相关的知识,希望对你有一定的参考价值。

上周做了一个tableview的展开折叠,好久不用,生疏好多,结果各种纠结蛋疼,效果各种不好,索性不弄了,浪了两天之后,周一来了灵感突发,一气呵成,效果感觉还不错,废话不多说,说下具体流程

  1.tableview的style:UITableViewStylePlain(很重要,直接影响动画视觉效果)

  2.通过scrollview的代理控制禁止header悬停,这里就很蛋疼了(万恶的Oc),设置成让他悬停再禁止掉就是为了动画的视觉效果醉了醉了下面是代码

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
  if (scrollView == self.tableView)
  {
    CGFloat sectionHeaderHeight = 100 * KY_Proportion; //sectionHeaderHeight
    if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
      scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
    } else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
      scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 0, 0);
    }
  }
}

   3.这里也是为了视觉效果,上面禁止悬停实现了,可是发现tableview展开折叠的时候,footer也会悬停,因此直接将footer设置为0,在header上做了一个假的footer,哈哈哈哈哈哈哈哈

  4.也很重要,进行UI和数据源操作时采用删除和添加行的方式,动画就是删除向上插入向下。

Ok了,撸主写完后看了下,tableview展开折叠很流畅,很开心有木有!!!

 

以上是关于Tableview如何实现流畅的展开折叠?的主要内容,如果未能解决你的问题,请参考以下文章

使用 JSON 数据的 tableview 展开折叠问题

TableView 使用 Swift 3 展开/折叠

展开和折叠 tableview 单元格

展开和折叠 tableView Sections

Xamarin TableVIew - 展开和折叠一行

Swift - tableView 行高仅在滚动或切换展开/折叠后更新