iOS 拖动手势(UIPanGestureRecognize

作者: 雪中夜归人 | 来源:发表于2017-11-06 15:25 被阅读1344次

    前言

    在iOS中手势是经常用到的交互方式,最近工作中为了实现一个右滑接单的效果,对此进行了研究。其基本原理很简单,给某个view添加手势,当手势触发时,就会通知到相应的方法中。

    状态

    手势有state属性,在触发手势时,会有不同的状态

    UIGestureRecognizerStateBegan  // 手势开始 
    UIGestureRecognizerStateChanged  // 手势变化
    UIGestureRecognizerStateEnded // 手势结束
    

    开发者可以根据其状态,做出对应的操作。

    具体操作以及封装思路

    当前需求分析

    滑动(其实就是改变view的frame),而且如果滑动距离不超过view的一半时,恢复为原状,超过一半则滑动到最大,当滑到最大或者最小时不能再接着滑动。

    封装思路

    既然决定封装,那么就得通过当前需求,扩大功能,左右可以,那么上下是一样的道理。
    所以就需要枚举值给外界用户设置是水平还是竖直,甚至是既可以水平又可以竖直。
    *注:枚举设置的一个技巧:按位与,这样可以实现方向的任意混合组合(参考自苹果圆角设置的api)
    具体怎么位移就不在此处叙述了。

    手势冲突的处理
    /* 解决手势冲突问题
     * 1、当设置水平拖动时,手势竖直拖动距离大于手势水平拖动距离时,此手势不响应
     2、当拖动到最小值时,再往左拖动,不响应
     3、当拖动到最大值时,再往右拖动,不响应
     4、竖直逻辑同水平
     */
    - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
    {
        UIView *view = gestureRecognizer.view;
        if ([gestureRecognizer isKindOfClass:[UIPanGestureRecognizer class]]) {
            CGPoint offset = [(UIPanGestureRecognizer *)gestureRecognizer translationInView:view];
            if (self.panDerection == JYCPanDerectionHorizontal && (fabs(offset.y) >= fabs(offset.x))) {
                return NO;
            }
            if (self.panDerection == JYCPanDerectionHorizontal && ((view.frame.origin.x == self.minX && offset.x < 0) ||  (view.frame.origin.x == self.maxX && offset.x > 0)) ) {
                return NO;
            }
            if (self.panDerection == JYCPanDerectionVertical && (fabs(offset.x) >= fabs(offset.y))) {
                return NO;
            }
            
            if (self.panDerection == JYCPanDerectionVertical && ((view.frame.origin.y == self.minY && offset.y < 0) ||  (view.frame.origin.y == self.maxY && offset.y > 0)) ) {
                return NO;
            }
            return YES;
        }
        return YES;
    }
    
    结束语

    最后,附上自己的demo地址,欢迎大家学习
    https://github.com/JiaYuanchao/JYCPanView

    相关文章

      网友评论

        本文标题:iOS 拖动手势(UIPanGestureRecognize

        本文链接:https://www.haomeiwen.com/subject/gwrlmxtx.html