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实现高并发下的抢购、秒杀功能的实例
怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?

