前言
最近因为工作项目中需要用到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中代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
#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]; }} |
|
1
2
3
4
5
6
7
|
#pragma mark - 底部的scrollviuew的代理方法scrollviewdidenddecelerating- (void)scrollviewdidenddecelerating:(uiscrollview *)scrollview{ nsinteger index = ceilf(scrollview.contentoffset.x / kscreen_width); self.topview.selecteditemindex = index;} |
controller中view的代码如下
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
#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]; }} |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
#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; } }} |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
#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; }} |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
#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://www.jianshu.com/p/c51665f7f48b
