技術共有

iOS UITableView にはスライド ジェスチャが付属し、親ビューにはスライド ジェスチャの競合応答メカニズムの調査が追加されます

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

シーン

時々、このようなインタラクティブなシナリオに遭遇します。UITableView があります。
ポップアップ ウィンドウに配置します。このポップアップ ウィンドウは、スライド (手でスワイプ) することで表示または非表示になります。この UITableView をポップアップ ウィンドウに配置し、スクロールして次のようなコンテンツを表示できます。製品情報とコメント (Douyin のコメント ポップアップ ウィンドウと同様)、下にスライドするときに、tableView が上にスライドしている場合は、スライド ジェスチャに応答してポップアップ ウィンドウを下にスライドし続けることができます。

アイデア

まず、ポップアップ ビューに tableView を追加します。この tableView は通常どおりスライドできます。次に、そのジェスチャの応答メソッドで、ポップアップのフレームを変更します。窓。したがって、このポップアップ ビューはジェスチャに応答するプロキシです。
四角くて中に

  • (BOOL)ジェスチャー認識機能:(UIGestureRecognizer *)ジェスチャー認識機能は、ジェスチャー認識機能と同時に認識する必要があります:(UIGestureRecognizer *)他のジェスチャー認識機能
    プロキシ メソッドでは、gestureRecognizer が独自のスライド ジェスチャであり、otherGestureRecognizer が tableView のスライド ジェスチャである場合、同時に応答をサポートする必要があります。つまり、YES を返す必要があります。私たちの
    tableView が一番上までスクロールするときは、tablView のスクロール ジェスチャが応答をサポートしないように設定する必要があります。そうしないと、この時点で tableView を前後にスクロールすると、スクロールが継続されます。ポップアップと tableView が発生する 同時スクロールの場合、これは望ましくないことなので、tablView が一番上までスクロールするときに、tableView の pangesture.enabled = NO を設定する必要があります。

デュアル スワイプ ジェスチャ スクロール応答メカニズム

ポップアップ ウィンドウにスライド ジェスチャを追加します。応答メソッドは handlePan です。
テストを通じて次のことが分かりましたtableView 上で手がスクロールするとき、実行するたびに
tableViewのプロキシメソッドscrollViewDidScrollの前に、handlePanメソッドが実行されます。

画像の説明を追加してください

また、スワイプ中(手が画面から離れなかった場合も同じスワイプとしてカウントされます)、
レスポンスメソッドhandlePanに設定されている場合
self.tableView.panGestureRecognizer.enabled = NO になります。
self.tableView は、このスライド中はスクロールしません。self.tableView.panGestureRecognizer.enabled = NO の後に self.tableView.panGestureRecognizer.enabled = YES が設定されていても、スクロールしません。

これは、**スライド ジェスチャに応答して、self.tableView.panGestureRecognizer.enabled = NO が最も高い優先順位を持っていることを示しています。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    NSLog(@"哈哈哈哈哈这里是执行scrollViewDidScroll self.panNum是%ld", self.panNum);
}

  • 1
  • 2
  • 3
  • 4
  • 5
- (void)handlePan:(UIPanGestureRecognizer *)pan
{
   self.tableView.panGestureRecognizer.enabled = YES;

   NSLog(@"哈哈哈哈哈这是第%ld次响应滑动手势handlePan 方法", self.panNum);
   if (self.panNum % 2 == 0) {
       self.tableView.panGestureRecognizer.enabled = NO;
   } else {
       self.tableView.panGestureRecognizer.enabled = YES;
   }
   self.tableView.panGestureRecognizer.enabled = YES;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

画像の説明を追加してください

上記のテストの完全なコード

//
//  LBPangestureController.m
//  TEXT
//
//  Created by mac on 2024/7/7.
//  Copyright © 2024 刘博. All rights reserved.
//

#import "LBPangestureController.h"

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

@property (nonatomic, strong) UITableView *tableView;

@property (nonatomic, strong) UIPanGestureRecognizer *pangesture;

@property (nonatomic, assign) NSInteger panNum;

@end

@implementation LBPangestureController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self.view addSubview:self.tableView];
    [self.view addGestureRecognizer:self.pangesture];
    // Do any additional setup after loading the view.
}


- (void)handlePan:(UIPanGestureRecognizer *)pan
{
    self.tableView.panGestureRecognizer.enabled = YES;

    NSLog(@"哈哈哈哈哈这是第%ld次响应滑动手势handlePan 方法", self.panNum);
    if (self.panNum % 2 == 0) {
        self.tableView.panGestureRecognizer.enabled = NO;
    } else {
        self.tableView.panGestureRecognizer.enabled = YES;
    }
    self.tableView.panGestureRecognizer.enabled = YES;
}

#pragma mark  - UITableViewDelegate, UITableViewDataSource

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([UITableViewCell class])];
    cell.textLabel.text = [NSString stringWithFormat:@"%ld", indexPath.row];
    return cell;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 100;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 60;
}

#pragma mark - uiscrollViewdelegate

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    NSLog(@"哈哈哈哈哈这里是执行scrollViewDidScroll self.panNum是%ld", self.panNum);
}

#pragma mark - gesturedelegate

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{
    if (gestureRecognizer == self.pangesture) {
        self.panNum ++;
    }
    return YES;
}

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
{
    if (gestureRecognizer == self.pangesture && otherGestureRecognizer == self.tableView.panGestureRecognizer) {
        return YES;
    }
    return NO;
}

#pragma mark - lazy load

- (UITableView *)tableView
{
    if (!_tableView) {
        _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 100, 300, 400) style:UITableViewStylePlain];
        [_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:NSStringFromClass([UITableViewCell class])];
        _tableView.delegate = self;
        _tableView.dataSource = self;
        _tableView.backgroundColor = [UIColor cyanColor];
    }
    return _tableView;
}

- (UIPanGestureRecognizer *)pangesture
{
    if (!_pangesture) {
        _pangesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePan:)];
        _pangesture.delegate = self;
    }
    return _pangesture;
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.
}
*/

@end

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122