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进行视图滑动并处理手势冲突