ios开发——UIPanGestureRecognizer判定方向

本文探讨了在使用UIPanGestureRecognizer时遇到的问题,即手势识别没有方向限制,可能导致视图错误。作者分享了如何在手势响应方法中自定义判断方向,以避免在非UIScrollView或UITableView的MainView中上下滑动触发错误。文中提到了开始(Begin)、改变(Changed)、结束(Ended)三种状态下的尝试,并最终推荐在Changed块中进行方向判断,以确保手势操作的流畅性。

有时我们在做拖动功能的时候会用到UIPanGestureRecognizer手势,例如之前封装过的一个侧滑导航栏:

ios开发——仿新版QQ侧滑导航栏的实现

今天在用这个导航栏的时候发现一个问题,UIPanGestureRecognizer是任何滑动手势都会辨别,它不像UISwipeGestureRecognizer一样有方向,这样就会导致如果导航栏的MainView不是UIScrollView或者UITableView的话上下滑动会出现视图消失的错误,这是因为上下滑动也会触发手势的响应方法。

因此我们需要在手势响应方法中自己判断方向并作出调整。


一些不怎么可行的方法:


由于在写的时候写上了三种状态,Begin,Changed,Ended,若仅仅是对Pan手势判定方向,那么调用translationInView:方法并判断其x、y的正负即可,但是在这里如果只是简单的在Changed中判定偏移并return的话会出现操作不流畅,滑到中间如果上移手势的话就不能再拉了。


只是简单地这样处理用户体验并不好


而如果在Begin中return是没有用的,因为当你滑动的时候依旧会调用这个响应方法并调到Changed状态的代码块中执行,在Begin中禁用手势的话更糟,一旦上下滑动,你的手势就永久失灵了,我想不到能在哪里让手势重新生效。


我的解决方法:


static BOOL canMoveView = YES;
在响应方法的开头加上这一句,在之后的操作中就用这个方法决定是否可以拉出,注意必须是static的,因为这个方法会在拉的过程中被反复调用,static将该变量放到静态存储区,只初始化一次,在每次调用该方法时canMoveView都保留着上次调用函数后的结果。

接着在Begin块中进行判断

if (recognizer.state == UIGestureRecognizerStateBegan) {
        //0 或者 self.leftOffsetX 或者 self.rightOffsetX
        currentOffsetX = _mainView.transform.tx;

        if ([recognizer translationInView:_mainView].y != 0) {
            canMoveView = NO;
            return;
        }
    }
如果用户是上下滑动的,那么置该标识符为NO,这样在Changed块中就可以根据这个标识符的值来做出响应的响应,而且由于只有在begin中才进行判断,所以当用户已经开始拉导航栏的时候,即时上下滑动手指也不影响流畅性了。

 if (recognizer.state == UIGestureRecognizerStateChanged) {
        
        if (!canMoveView) {
            return;
        }

<span style="white-space:pre">	</span>//下略


当然,为了保证上下滑动后,下一次还能拉出这个导航栏,还得在Ended块中置该值为YES,表明不管这次滑动是否有效,下一次滑动默认都为有效。

 if (recognizer.state == UIGestureRecognizerStateEnded) {
        //......

        canMoveView = YES;
}


这样就能在不影响用户体验的情况下禁止Pan手势的上下滑动了。


刚发现的更好的办法:


直接在Changed块中作如下判断即可:

        CGFloat translateX = [recognizer translationInView:_mainView].x;
        translateX += currentOffsetX;
        
        if (translateX == 0 && [recognizer translationInView:_mainView].y != 0) {
            return;
        }

哎,脑子笨没办法 敲打

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值