前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >一个多UITableview的左右滑动简单解决方案

一个多UITableview的左右滑动简单解决方案

作者头像
落影
发布2018-04-27 18:19:07
2.6K0
发布2018-04-27 18:19:07
举报
文章被收录于专栏:落影的专栏落影的专栏

前言

本文源自实际开发中的需求,核心的要求有几个: 1、多个UITableview要支持左右滑动; 2、点击Tab也要有UITableview的滑动切换效果; 3、每个UITableview单独的下拉刷新和上拉加载;

效果图类似如下

某条.gif

正文

1、核心思路

根据要求来分析,可以采用UIScrollView作为容器,开启pageEnable属性实现左右分页,同时关闭UIScrollView的上下滑动手势(避免和UITableview的冲突),通过修改UIScrollView的contentOffset属性实现左右滑动效果。

整体架构图

2、具体代码

创建UIScrollView容器

代码语言:javascript
复制
   self.mContainerScrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
   self.mContainerScrollView.bounces = NO;
   self.mContainerScrollView.showsVerticalScrollIndicator = NO;
   self.mContainerScrollView.showsHorizontalScrollIndicator = NO;
   self.mContainerScrollView.delegate = self;
   self.mContainerScrollView.pagingEnabled = YES;
   [self.view addSubview:self.mContainerScrollView];

然后将四个UITableView添加到mContainerScrollView上,横坐标分别为0、self.view.width、self.view.width*2、self.view.width*3; 最后设置contentSize

代码语言:javascript
复制
self.mContainerScrollView.contentSize = CGSizeMake(self.view.width * 4, 0); // 写0,关闭vertical的滚动

如果需要滚动到某一页,可以直接修改contentOffset

代码语言:javascript
复制
    self.mContainerScrollView.contentOffset = CGPointMake(self.mSegControl.selectIndex * self.view.width, self.mContainerScrollView.contentOffset.y);

最后是监听滚动结束,修改selectIndex

代码语言:javascript
复制
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    if (scrollView == self.mContainerScrollView) {
        int index = self.mContainerScrollView.contentOffset.x / self.view.width;
        if (index != self.mSegControl.selectIndex) {
            [self.mSegControl setSelectIndex:index];
        }
    }
}
3、注意事项
UIScrollView容器和内部UITableView滑动手势冲突

如果UIScrollView容器的上下滑动手势打开,会存在两个上下滑手势,一般的操作不会触发UIScrollView容器的上下滑动(因为上下滑动优先被内部的UITableView捕获)。 但是,进行Page1滑动到Page2的操作,此时触发的是UIScrollView容器的左右滑动事件。如果在页面左右滑动的同时,再进行上下滑动,就会触发UIScrollView的上下滑动,造成异常现象(UITableView上下滑动不再生效)。 解决办法contentSize的高度设置为0,关闭vertical的滚动。

代码语言:javascript
复制
contentSize = CGSizeMake(self.view.width * 4, 0); // 写0,关闭vertical的滚动
viewWithTag 具有传递性

代码中存在5个UIScrollView,其delegate回调都统一到VC,再根据UIScrollView进行处理。 为了方便调用,有时会通过tag去快速获取view。但viewWithTag具有传递性,有些属性UIScrollView容器没有,但是subviews里有,此时对容器调用viewWithTag会获取到子view上面对应tag的视图。 解决办法:判断对应UIScrollView是否为容器UIScrollView,再进行viewWithTag,并深入理解下viewWithTag的意义。

UIScrollView自动下滑20pt

iOS 7之后,苹果新增了一个的属性automaticallyAdjustsScrollViewInsets,默认值为YES。 当UIScrollView直接添加到self.view的属性上时,如果automaticallyAdjustsScrollViewInsets为YES,会调整UIScrollView的inset以适应status bar、search bar、tool bar等的高度。

但是实际开发中,在VC的viewDidLoad方法中将其设置为NO,并没有生效,UIScrollView依旧下滑了20pt。

通过KVO监听可以确定,系统的确有修改:

代码语言:javascript
复制
po change
    {
    kind = 1,
    new = NSPoint: {414, -20},
}

并且修改的时机为:

具体的堆栈

通过堆栈可以发现,UINavigationController调用_computeAndApplyScrollContentInsetDeltaForViewController的方法,最后计算出来的偏移值。定位到具体的代码,便是:

代码语言:javascript
复制
    self.mainPageNavController = [[BaseNavigationController alloc] initWithRootViewController:rootTabBarController];
    self.window.rootViewController = self.mainPageNavController;

多UITableView的VC只是rootTabBarController中一个tab的VC。 于是把UINavigationController的automaticallyAdjustsScrollViewInsets属性也设置为NO。

理论上应该不至于再出现偏差的现象。但是运行之后,又出现偏移! 这时候,有的人可能会采用一种解决方案,比如在viewWillAppear的时候,把offset改回去; 或者另一种的解决方案:用UIView把UIScrollView装起来,再把UIView添加到VC.view,因为ScrollView不直接添加在VC.view上,也不会触发这bug。

但是,并不能满足解决问题,还是想找到的根本原因。经过一番思考,觉得问题可能出现在rootTabBarController上。断点一查,果然rootTabBarController的automaticallyAdjustsScrollViewInsets属性也没改,把这rootTabBarController的属性也改成NO,问题修复。

我思考的依据是view有一个层级树,vc也同样有一个层级关系。那么vc在决定是否偏移scrollview的时候,同样需要一层层询问vc。只要有一层vc想要偏移,那么就要偏移。那么沿着vc往上查找,保证所有VC的automaticallyAdjustsScrollViewInsets的属性为NO。

总结

多UITableview的VC本身已经有上万行代码,散布在十几个Category里面。相对于老代码的迁移,这次新增一个左右滑动功能的代码简直是微不足道。 在代码复杂度已经很高的架构里实现功能,犹如在钢绳交错的天空中行走,一不小心就踏空踩到Bug;又可能明明走在自己的这条钢绳上,结果把别人甩到坑里去。 三思而后行,代码以兼容稳健为主。不要为追求优雅的代码,影响破坏原代码的架构。

本文参与?腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.04.22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
    • 1、核心思路
      • 2、具体代码
        • 3、注意事项
          • UIScrollView容器和内部UITableView滑动手势冲突
          • viewWithTag 具有传递性
          • UIScrollView自动下滑20pt
      • 总结
      相关产品与服务
      容器服务
      腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
      http://www.vxiaotou.com