UIPanGestureRecognizer进行视图滑动并处理手势冲突

背景

实现类似如下效果:


效果图

分析

首先添加手势:

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,136评论 1 32
  • 一 学习与实践 1 付出不亚于任何人的努力 2要谦虚不要骄傲 3要每天反省 4活着就要感谢 5积善行,思利他 6不...
    侯光晨阅读 241评论 0 0
  • 最近听到先生常常说我脾气越来越大了,动不动就发火。今天翻得到栏目听音频,无意中看到收藏的这文章,点开发现居然...
    若水柳柳柳阅读 444评论 0 0
  • 看到眼睛无神,单眼皮的妹纸 我总想着让你看看有了双眼皮之后你可以有多美 不了解的妹纸,我还经常被遭到误解 这次来真...
    molly的水瓶座阅读 660评论 0 0