iOS ScrollView与TableView同向滑动示例及实现技巧

102 浏览量更新于2024-09-01 收藏 151KB PDF 举报

本文档详细探讨了在iOS开发中如何实现UIScrollView嵌套UITableView的同向滑动问题。作者指出，虽然苹果官方建议尽量避免两个竖直或水平方向滑动的视图嵌套，但在实际项目中，尤其是在中国，这种需求常常会遇到，尤其是在Android平台相对容易实现的情况下，iOS平台的处理更为复杂。作者遇到的主要挑战是确保用户滑动时的交互体验，即用户的手指在哪个视图上，哪个视图就应该响应滑动。由于涉及到手势识别和视图层级管理，例如上下拉刷新和点击cell获取事件的处理被排除，因为它们与嵌套滑动冲突。为了解决这个问题，作者设计了一个解决方案，当小的UITableView滑动到特定边界时，会导致大scrollView滚动，反之亦然。此外，还实现了伪悬浮视图的动态隐藏和显示，以优化用户体验。核心代码部分展示了如何在ViewController中管理和响应ScrollView和TableView的滑动，通过YYGestureRecognizer进行手势识别，并在ScrollTableViewCell类中进行相应的逻辑处理。GitHub上的示例项目（<https://github.com/qingyindaoren/ScrollInsetTable.git>）提供了完整代码和实践案例，方便开发者参考和学习。总结来说，这篇文章重点在于提供了一个iOS开发中的实战解决方案，帮助开发者理解和解决在实际项目中遇到的嵌套滑动难题，强调了代码的可读性和实用性，适合希望改进滚动体验的iOS开发者深入研究和应用。

ios scrollview嵌套嵌套tableview同向滑动的示例同向滑动的示例

本篇文章主要介绍了ios scrollview嵌套tableview同向滑动的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

我讨论的问题是嵌套同向滑动，能避免尽量避免。最好用一个tableview实现。一个tableview不够用了再嵌套，适用复杂场景。

首先我说下不适用的，免得大家浪费时间。

1.不适用上下拉刷新加载更多的页面。

2.不适用点击cell获取点击事件的页面，可以加入button点击获取事件。

官方文档说尽量不要进行两个竖直或两个水平方向滑动的视图嵌套。因为这个时候机器不知道用户要让哪个滑动，但在我们这个神奇的国度，项目中经常出现这样的需求，产品经理

总爱这样做，andriod那边是比较容易实现的，ios这边十分复杂，我研究了一天，写了个demo，可以勉强实现，我的项目中就有上下拉，因此我就硬嵌套了，用户滑动的时候不能准

确地按自己的意愿滑动scrollview、tableview。就这样了，这个没有解决方案的。

我做到的效果是手点在哪个视图上，哪个视图就滚动，当小的scroll滚到到自己的临界值就滚动大的scroll，当大的也到临界值就不滚动。顺便实现了一个伪悬浮的secView如果没有

那个悬浮的就把那个悬浮高度floatViewHeight置0。剩下的根据页面调整frame即可通用。

这是效果图

下面我说一下在没有以上两点不适用的页面的实现的思路：

Scrollview在控制器的view上，是一个大的视图，tablewview在ScrollView上。根据拖拽手势配合，先判断首先触摸点在哪个view上，再对哪个view滑动操作。解决手势和button点击

冲突。下面看代码，注释十分清晰。github有demo，欢迎阅读： https://github.com/qingyindaoren/ScrollInsetTable.git

核心代码如下：

#import "ViewController.h"

#import "YYGestureRecognizer.h"

#import "ScrollTableViewCell.h"

#import "MBProgressHUD+Add.h"

#define ScreenWidth [UIScreen mainScreen].bounds.size.width

#define ScreenHeight [UIScreen mainScreen].bounds.size.height

//虚假的悬浮效果

static CGFloat floatViewHeight = 30.0;

static CGFloat navHeitht = 64;

// 这个系数根据自己喜好设置大小，=屏幕视图滑动距离/手指滑动距离

#define moveScale 2

@interface ViewController ()<UITableViewDelegate,UITableViewDataSource,UIGestureRecognizerDelegate>

@property (nonatomic,weak)UIScrollView *scroll;

@property (nonatomic, strong) NSArray *titles;

@property (nonatomic,weak)UITableView *insetTableView;

@property (nonatomic,assign)CGFloat tableY;

@property (nonatomic,assign)CGFloat tableStartY;

@property (nonatomic,assign)CGFloat scrollY;

@property (nonatomic,assign)CGFloat scrollStartY;

//tableview 的y值在scrollview中的位置

@property (nonatomic,assign)CGFloat tableFrameY;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

self.view.backgroundColor = [UIColor whiteColor];

self.title = @"ScrollScroll";

// 有导航最上部视图是scrollview 内部空间位置会下移，设置这个属性后不下移。

if ([self respondsToSelector:@selector(setAutomaticallyAdjustsScrollViewInsets:)]) {

self.automaticallyAdjustsScrollViewInsets = NO;

}

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38738528

粉丝: 5
资源: 873

iOS ScrollView与TableView同向滑动示例及实现技巧

iOS嵌套滚动

ios-简单的实现左右tableview联动，右tableview可左右滑动.zip

ios-利用collectionView上嵌套tableview实现的答题卡.zip

iOS ScrollView嵌套UITableView同向滑动实现

【iOS交互设计】：提升ScrollView嵌套tableView的用户体验

【iOS高级教程】：打造可复用的ScrollView嵌套tableView组件

【iOS性能测试】：分析ScrollView嵌套tableView的性能瓶颈与优化策略

【iOS性能优化】：深度解析ScrollView嵌套tableView的内存与响应速度

【iOS技术深潜】：揭秘ScrollView嵌套tableView的事件传递机制与冲突处理

【iOS应用开发】：全方位优化ScrollView嵌套tableView的性能与体验

最新资源