iOS中UIScrollView嵌套UITableView的实践教程

发布时间 - 2026-01-11 00:55:40    点击率:

前言

最近因为工作项目中需要用到UIScrollView嵌套UItableView嵌套交互问题,顺便网上搜了下的demo,发现实现的效果并不是很理想,滑动偶尔会有延迟现象,所以自己想了个办法,顺便把自己实现写了个demo分享出来,一起来看看吧。

实现过程

最底部放置的为一个UIScrollView,设置ScrollView的contentSize属性,使可以发生横向滚动,同时隐藏横向滚动条,设置代理为当前控制器本身。然后,在最底部的UIScrollView上放置2个UITableView,因为只有2个所以没有考虑重用问题,如果数量大于3个建议写下UIScrollView子视图的重用。最后在最上面覆盖一个topView,使得它可以和tableView发生纵向滚动,为了实现最上面的topView可以随着tableView发生一起滚动,需要在tableView的scrollViewDidScroll代理方法中获取tableview的contentOffset偏移量,随便改变topView的frame。

当手势点开始落在从topView上时候,在controller的loadView方法中设置自定义view,通过在自定义view中重载hittest方法,判断是否需要让tableView进行交互。此时需要注意的是因为有自定义的左右选择segmentControl,这么设置的时候segmentController是不会相应点击方法的。为了让segmentController可以实现随着tableView滚动并且可以相应单击事件,我在在controller的view上添加了单击手势,判定是否点击在了自定义的segmentControll上(因为tableView本身不会相应- (void)touchesBegan:(NSSet<UITouch *> )touches withEvent:(UIEvent )event事件,所以也可以自定义一个tableVuew,重载touchBegin 等方法,然后把tableView继承自这个tableView, 这样就可以相应相应的touchbegin等方法了), 好了,下面直接上代码

controller中代码如下:

#pragma mark - 底部的scrollViuew的代理方法scrollViewDidScroll

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
 CGFloat placeholderOffset = 0;
 if (self.topView.getSelectedItemIndex == 0) {
  if (self.firstTableView.contentOffset.y > self.topView.height - kItemheight) {
   placeholderOffset = self.topView.height - kItemheight;
  }
  else {
   placeholderOffset = self.firstTableView.contentOffset.y;
  }
  [self.secondTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
 }
 else {
  if (self.secondTableView.contentOffset.y > self.topView.height - kItemheight) {
   placeholderOffset = self.topView.height - kItemheight;
  }
  else {
   placeholderOffset = self.secondTableView.contentOffset.y;
  }
  [self.firstTableView setContentOffset:CGPointMake(0, placeholderOffset) animated:NO];
 }
}
#pragma mark - 底部的scrollViuew的代理方法scrollViewDidEndDecelerating

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{ 
 NSInteger index = ceilf(scrollView.contentOffset.x / kScreen_Width);
 self.topView.selectedItemIndex = index;
}

controller中view的代码如下

#pragma mark - 重载系统的hitTest方法

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
 ViewController *currentVC = (ViewController *)self.nextResponder;
 currentVC.printPoint = point;
 if ([self.topView pointInside:point withEvent:event]) {
  self.scrollView.scrollEnabled = NO;
  if (self.scrollView.contentOffset.x < kScreen_Width *0.5) {
   return self.firstTableView;
  } else {
   return self.secondTableView;
  }
 } else {
  self.scrollView.scrollEnabled = YES;
  return [super hitTest:point withEvent:event];
 }
}
#pragma mark - 添加手势的相应方法

- (void)tapGestureAction:(UITapGestureRecognizer *)gesture
{
 CGPoint point = [gesture locationInView:self.topView];
 if (CGRectContainsPoint(self.topView.leftBtnFrame, point)) {
  if (self.scrollView.contentOffset.x > 0.5 * kScreen_Width) {
   [self.scrollView setContentOffset:CGPointMake(0, 0) animated:NO];
   self.topView.selectedItemIndex = 0;
  }
 } else if (CGRectContainsPoint(self.topView.rightBtnFrame, point)) {
  if (self.scrollView.contentOffset.x < 0.5 * kScreen_Width) {
   [self.scrollView setContentOffset:CGPointMake(kScreen_Width, 0) animated:NO];
   self.topView.selectedItemIndex = 1;
  }
 }
}
#pragma mark - firstTableView的代理方法scrollViewDidScroll

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
 CGFloat placeHolderHeight = self.topView.height - self.topView.itemHeight;

 CGFloat offsetY = scrollView.contentOffset.y;

 if (offsetY >= 0 && offsetY <= placeHolderHeight) {
  self.topView.y = -offsetY;
 }
 else if (offsetY > placeHolderHeight) {
  self.topView.y = - placeHolderHeight;
 }
 else if (offsetY <0) {
  self.topView.y = - offsetY;
 }
}
#pragma mark - secondTableView的代理方法scrollViewDidScroll

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
 CGFloat placeHolderHeight = self.topView.height - self.topView.itemHeight;
 CGFloat offsetY = scrollView.contentOffset.y;
 if (offsetY >= 0 && offsetY <= placeHolderHeight) {
  self.topView.y = -offsetY;
 } else if (offsetY > placeHolderHeight) {
  self.topView.y = - placeHolderHeight;
 } else if (offsetY <0) {
  self.topView.y = - offsetY;
 }
}

完整项目下载地址如下:https://github.com/maxzhang123/nestScrollView  或者本地下载地址:http://xiazai./201705/yuanma/nestScrollView().rar

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。


# ios  # uiscrollview嵌套  # uiscrollview嵌套滚动  # iOS ScrollView嵌套tableView联动滚动的思路与最佳实践  # ios scrollview嵌套tableview同向滑动的示例  # scrollview tableView嵌套解决方案示例  # 自定义  # 单击  # 的是  # 会有  # 好了  # 本地下载  # 下载地址  # 不是很  # 落在  # 想了  # 写了  # 它可以  # 可以实现  # 这篇文章  # 谢谢大家  # 看看吧  # 需要注意  # 为有  # 就可以  # 滚动条 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何用好域名打造高点击率的自主建站?  Laravel如何创建自定义Artisan命令?(代码示例)  专业商城网站制作公司有哪些,pi商城官网是哪个?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  如何自定义建站之星网站的导航菜单样式?  如何在云虚拟主机上快速搭建个人网站?  如何在香港免费服务器上快速搭建网站?  Bootstrap整体框架之JavaScript插件架构  如何快速生成ASP一键建站模板并优化安全性?  黑客如何通过漏洞一步步攻陷网站服务器?  如何快速生成凡客建站的专业级图册?  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  西安专业网站制作公司有哪些,陕西省建行官方网站?  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  如何在万网利用已有域名快速建站?  浅析上传头像示例及其注意事项  打造顶配客厅影院,这份100寸电视推荐名单请查收  如何确保西部建站助手FTP传输的安全性?  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  如何在宝塔面板中修改默认建站目录?  微信小程序 scroll-view组件实现列表页实例代码  HTML5打空格有哪些误区_新手常犯的空格使用错误【技巧】  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  如何在IIS中新建站点并解决端口绑定冲突?  Laravel怎么实现微信登录_Laravel Socialite第三方登录集成  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  网站建设保证美观性,需要考虑的几点问题!  清除minerd进程的简单方法  网站页面设计需要考虑到这些问题  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  如何用IIS7快速搭建并优化网站站点?  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Laravel API资源类怎么用_Laravel API Resource数据转换  javascript基本数据类型及类型检测常用方法小结  Laravel如何使用Gate和Policy进行授权?(权限控制)  Android滚轮选择时间控件使用详解  Laravel如何使用Eloquent ORM进行数据库操作?(CRUD示例)  如何利用DOS批处理实现定时关机操作详解  Laravel如何实现本地化和多语言支持?(i18n教程)  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  如何快速搭建虚拟主机网站?新手必看指南  个人摄影网站制作流程,摄影爱好者都去什么网站?  EditPlus中的正则表达式实战(5)  如何挑选优质建站一级代理提升网站排名?  Laravel如何创建和注册中间件_Laravel中间件编写与应用流程  详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  ,交易猫的商品怎么发布到网站上去?  php结合redis实现高并发下的抢购、秒杀功能的实例  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?