UIPanGestureRecognizer進行視圖滑動並處理手勢衝突

本系列博客是本人的開發筆記。爲了方便討論，本人新建了一個微信羣(iOS技術討論羣)，想要加入的，請添加本人微信：zhujinhui207407，【加我前請備註：iOS 】，本人博客http://www.kyson.cn 也在不停的更新中，歡迎一起討論

背景

實現類似如下效果：

分析

首先添加手勢：

UIPanGestureRecognizer *gesture = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGestureRecognized:)];
gesture.delegate = self;
[self.tableView addGestureRecognizer:gesture];

將手勢添加到 TableView 上。

// 1.手勢開始時:記錄 sourceVC.view 原始的 origin , 必須作爲屬性記錄,移動過程才能順暢,不然卡頓
if (recognizer.state == UIGestureRecognizerStateBegan) {
    self.containerOrigin = recognizer.view.frame.origin;
}

然後，我們寫回調方法如下：

- (void)panGestureRecognized:(UIPanGestureRecognizer *)recognizer {
//手勢滑動中
    if (recognizer.state == UIGestureRecognizerStateBegan) {
    }
//手勢滑動中
    if (recognizer.state == UIGestureRecognizerStateChanged) {
    }
//手勢結束
    if (recognizer.state == UIGestureRecognizerStateEnded) {
    }
}

另外 我們需要判斷，當前手勢滑動的方向：

if ([recognizer velocityInView:self.view].y < 0) {
    NSLog(@"向上");
} else {
    NSLog(@"向下");
}

我們需要在手勢的狀態爲 UIGestureRecognizerStateChanged 狀態時進行改變 TableView 的 frame來達到更新 TableView 的位置的目的，代碼如下：

if (recognizer.state == UIGestureRecognizerStateChanged) {
    if ([recognizer velocityInView:self.view].y > 0 && self.tableView.contentOffset.y > 0) {
        NSLog(@"向下");
    } else {
        CGRect frame = recognizer.view.frame;
        frame.origin.y = self.containerOrigin.y + point.y;
        
        if (frame.origin.y < 0) { // 上邊界
            frame.origin.y = 0;
        }
        
        if (frame.origin.y > SCREEN_HEIGHT - STATUSANDNAVIGATIONBAR_HEIGHT - 65) { // 下邊界
            frame.origin.y = SCREEN_HEIGHT - STATUSANDNAVIGATIONBAR_HEIGHT - 65;
        }
        
        frame.size.height = self.aiWaybillsTableView.contentSize.height > ([UIScreen height] - kHeightStatusBarAndNavigationBar) ? ([UIScreen height] - kHeightStatusBarAndNavigationBar) : self.aiWaybillsTableView.contentSize.height;
        //動態設置 tableview 的 frame
        recognizer.view.frame = frame;
    }
}

如果需要在移動 TableView 的同時改變背景色的透明度，可以在這裏添加如下代碼：

if (frame.origin.y > 0) {
    CGFloat currentAlpha = - 0.7f / kOriginYTableView * self.aiWaybillsTableView.frame.origin.y + 0.7f ;
    self.backgroundAlphaViewForNavi.alpha = currentAlpha > 0 ? currentAlpha : 0;
    self.backgroundAlphaViewForView.alpha = currentAlpha > 0 ? currentAlpha : 0;
    
} else if (frame.origin.y <= 0) {
    self.backgroundAlphaViewForView.alpha = 0.7;
}

下面，關鍵的代碼來了：
我們雖然捕獲了 Pan 手勢的各種狀態，但卻不能解決手勢衝突的問題。因爲我們需要 TableView 有時候能滑動，有時候又不需要滑動。這個時候這個代理方法可以滿足我們的需求：

// 實現UIGestureRecognizerDelegate代理方法  ,  返回YES表示支持多個手勢同時觸發，否則不允許多個手勢同時觸發
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{
    CGPoint vel = [tabView.panGestureRecognizer velocityInView:self.view];
    if (vel.y > 0) {
        NSLog(@"向下==");
        //下拉過程中，如果他的content offset 大於0 ，說明正在滑動，就可以多手勢
        if (tabView.contentOffset.y > 0) {
            return YES;
        }
    } else {
        NSLog(@"向上");
        // 上拉
        if (tabView.frame.origin.y == 0 || tabView.contentOffset.y > 0) {
            return YES;
        }
    }
    return NO;
}

如上，代碼的含義很好理解：當 TableView 下拉，並且已經拉到頭 （contentOffset.y == 0）則說明 TableView 可以不用滑動了，只需要外部的視圖進行滑動。反之也是一樣。

乾貨時間

demo已經寫好，大家可以領取：
https://github.com/zjh171/PangestureDemo

參考

UIPanGestureRecognizer進行視圖滑動並處理手勢衝突