0


iOS UITableView自带滑动手势和父视图添加滑动手势冲突响应机制探索

场景

我们有时候会遇到这样的一个交互场景:我们有一个UITableView
放在一个弹窗中,这个弹窗可以通过滑动进行展示和消失(跟手滑动的方式),然后这个UITableView放在弹窗中,并且可以滚动,展示一些内容,比如商品信息,评论,(类似抖音的评论弹窗),并且下滑的时候,如果tableView已经滑动到了顶部,就可以响应滑动手势,继续向下滑动弹窗。

思路

首先,我们弹窗视图中有一个tableView,这个tableView是可以正常的滑动的,然后,我们在弹窗视图中添加一个滑动手势,手势的响应方法中,修改弹窗的frame。所以,这个弹窗视图是要响应手势的代理
方的,并且 在

  • (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer 代理方法中,如果gestureRecognizer 是自身的滑动手势,otherGestureRecognizer是tableView 的滑动手势,则需要支持同时响应的,即返回YES,同时,需要有个主意事项,就是如果我们的 tableView滚动到最顶部了,就需要设置tablView的滚动手势不支持响应,否则的话,就会导致 滚动到顶部的时候,tableView还会继续滚动,如果这个时候来回滑动tableView,就会造成弹窗和tableView 同时滚动的情况,这是我们不想要的,所以我们tablView滚动到顶部的时候,就需要设置tableView的pangesture.enabled = NO.

双滑动手势滚动响应机制

如果我们给tableView的父视图添加一个滑动手势,同时我们在tableView上面滑动,
这时候,如果不支持同时响应,是只有tableView的滑动的,因为默认情况下
上层的优先响应, 并且同时响应默认是关闭的

并且经过测试发现,如果我们支持同时响应,则上层视图的gestureRecognizerShouldBegin
先执行
,这里就是 tableView 自身滑动手势的gestureRecognizerShouldBegin 先执行,父视图的后执行,这里可以通过自定义一个uitableView的子类来重写gestureRecognizerShouldBegin 方法测试

我们给弹窗添加一个滑动手势,响应方法为handlePan:
通过测试我们发现,我们手在tableView 上滚动的时候,每次执行
tableView 的 代理方法 scrollViewDidScroll 之前,都会执行 handlePan方法。

请添加图片描述

请看下图
由图可知,手势响应方法是直接出发的,而
scrollViewWillBeginDragging是经过update之后触发的,所以时机在手势响应方法后面
请添加图片描述

这里是打印,验证了上面的结论
在这里插入图片描述
同样,更新偏移量的方法更是在begindragging 之后了
如图
请添加图片描述

执行顺序
请添加图片描述

并且,在一次滑动(手没有脱离屏幕算同一次滑动)过程中,
如果响应方法 handlePan 中有设置过
self.tableView.panGestureRecognizer.enabled = NO; 就会导致
本次滑动中self.tableView 不会滚动,即便在self.tableView.panGestureRecognizer.enabled = NO后面设置了 self.tableView.panGestureRecognizer.enabled = YES也不会滚动

这说明,**在一次滑动手势的响应中, self.tableView.panGestureRecognizer.enabled = NO 的优先级是最高的

所以,利用上面这个特性,我们如果可以在父视图的响应方法中设置tableView的滚动属性

  1. - (void)scrollViewDidScroll:(UIScrollView *)scrollView
  2. {
  3. NSLog(@"哈哈哈哈哈这里是执行scrollViewDidScroll self.panNum是%ld", self.panNum);
  4. }
  1. - (void)handlePan:(UIPanGestureRecognizer *)pan
  2. {
  3. self.tableView.panGestureRecognizer.enabled = YES;
  4. NSLog(@"哈哈哈哈哈这是第%ld次响应滑动手势handlePan 方法", self.panNum);
  5. if (self.panNum % 2 == 0) {
  6. self.tableView.panGestureRecognizer.enabled = NO;
  7. } else {
  8. self.tableView.panGestureRecognizer.enabled = YES;
  9. }
  10. self.tableView.panGestureRecognizer.enabled = YES;
  11. }

请添加图片描述

以上测试的完整代码

  1. //
  2. // LBPangestureController.m
  3. // TEXT
  4. //
  5. // Created by mac on 2024/7/7.
  6. // Copyright © 2024 刘博. All rights reserved.
  7. //
  8. #import "LBPangestureController.h"
  9. @interface LBPangestureController () <UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate>
  10. @property (nonatomic, strong) UITableView *tableView;
  11. @property (nonatomic, strong) UIPanGestureRecognizer *pangesture;
  12. @property (nonatomic, assign) NSInteger panNum;
  13. @end
  14. @implementation LBPangestureController
  15. - (void)viewDidLoad {
  16. [super viewDidLoad];
  17. [self.view addSubview:self.tableView];
  18. [self.view addGestureRecognizer:self.pangesture];
  19. // Do any additional setup after loading the view.
  20. }
  21. - (void)handlePan:(UIPanGestureRecognizer *)pan
  22. {
  23. self.tableView.panGestureRecognizer.enabled = YES;
  24. NSLog(@"哈哈哈哈哈这是第%ld次响应滑动手势handlePan 方法", self.panNum);
  25. if (self.panNum % 2 == 0) {
  26. self.tableView.panGestureRecognizer.enabled = NO;
  27. } else {
  28. self.tableView.panGestureRecognizer.enabled = YES;
  29. }
  30. self.tableView.panGestureRecognizer.enabled = YES;
  31. }
  32. #pragma mark - UITableViewDelegate, UITableViewDataSource
  33. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
  34. {
  35. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([UITableViewCell class])];
  36. cell.textLabel.text = [NSString stringWithFormat:@"%ld", indexPath.row];
  37. return cell;
  38. }
  39. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
  40. {
  41. return 100;
  42. }
  43. - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
  44. {
  45. return 60;
  46. }
  47. #pragma mark - uiscrollViewdelegate
  48. - (void)scrollViewDidScroll:(UIScrollView *)scrollView
  49. {
  50. NSLog(@"哈哈哈哈哈这里是执行scrollViewDidScroll self.panNum是%ld", self.panNum);
  51. }
  52. #pragma mark - gesturedelegate
  53. - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
  54. {
  55. if (gestureRecognizer == self.pangesture) {
  56. self.panNum ++;
  57. }
  58. return YES;
  59. }
  60. - (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
  61. {
  62. if (gestureRecognizer == self.pangesture && otherGestureRecognizer == self.tableView.panGestureRecognizer) {
  63. return YES;
  64. }
  65. return NO;
  66. }
  67. #pragma mark - lazy load
  68. - (UITableView *)tableView
  69. {
  70. if (!_tableView) {
  71. _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 100, 300, 400) style:UITableViewStylePlain];
  72. [_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:NSStringFromClass([UITableViewCell class])];
  73. _tableView.delegate = self;
  74. _tableView.dataSource = self;
  75. _tableView.backgroundColor = [UIColor cyanColor];
  76. }
  77. return _tableView;
  78. }
  79. - (UIPanGestureRecognizer *)pangesture
  80. {
  81. if (!_pangesture) {
  82. _pangesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePan:)];
  83. _pangesture.delegate = self;
  84. }
  85. return _pangesture;
  86. }
  87. /*
  88. #pragma mark - Navigation
  89. // In a storyboard-based application, you will often want to do a little preparation before navigation
  90. - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
  91. // Get the new view controller using [segue destinationViewController].
  92. // Pass the selected object to the new view controller.
  93. }
  94. */
  95. @end
标签: ios cocoa macos

本文转载自: https://blog.csdn.net/LIUXIAOXIAOBO/article/details/140245135
版权归原作者 刘小哈哈哈 所有, 如有侵权,请联系我们删除。

“iOS UITableView自带滑动手势和父视图添加滑动手势冲突响应机制探索”的评论:

还没有评论