iOS 側滑返回手勢與Scrollview衝突的解決辦法

蘋果在iOS7.0以後推出了一個側滑返回手勢,當導航欄Push到下一頁時,可以通過側滑手勢pop到上一頁,這大大提高了用戶的體驗度,同時增加了可玩性。
然而有些時候,當你push到另一個界面後,如果該界面有Scrollview或繼承於Scrollview(tableview,collectionview)的控件,這時你可能會發現返回手勢失效了,這個是爲什麼喃?
經過我多番驗證,原來是這個控件攔截了手勢(這個地方不清楚的小夥伴可以去看看手勢的響應鏈)。當然,這個對app功能沒什麼影響,但是基於用戶體驗來說,這是一個很壞的體驗!!

方案一:解決辦法就是對Scrollview加個Category,重寫它代理的方法,讓手勢能夠傳遞下去

第一步,新建一個Scrollview的CateGory , 或者繼承自UIScrollview

第二步,重寫這個方法,讓手勢能夠傳遞下去

-第三步,就是對是否是左滑返回手勢的判斷了

 

最後附上代碼:

#import <UIKit/UIKit.h>

@interface BaseScrollView : UIScrollView

@end

#import "BaseScrollView.h"

@implementation BaseScrollView

// 參考鏈接 : https://www.jianshu.com/p/419e3b081e5a
//是否支持多手勢觸發,返回YES,則可以多個手勢一起觸發方法,返回NO則爲互斥.
//是否允許多個手勢識別器共同識別,一個控件的手勢識別後是否阻斷手勢識別繼續向下傳播,默認返回NO;如果爲YES,響應者鏈上層對象觸發手勢識別後,如果下層對象也添加了手勢併成功識別也會繼續執行,否則上層對象識別後則不再繼續傳播
//一句話總結就是此方法返回YES時,手勢事件會一直往下傳遞,不論當前層次是否對該事件進行響應。
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
   
    if ([self isPanBackAction:gestureRecognizer]) {
        return YES;
    }
    return NO;
    
}
/// 判斷是否是全屏的返回手勢
- (BOOL)isPanBackAction:(UIGestureRecognizer *)gestureRecognizer {
    
    // 在最左邊時候 && 是pan手勢 && 手勢往右拖
    if (self.contentOffset.x == 0) {
        if (gestureRecognizer == self.panGestureRecognizer) {
            // 根據速度獲取拖動方向
            CGPoint velocity = [self.panGestureRecognizer velocityInView:self.panGestureRecognizer.view];
            if(velocity.x>0){
                //手勢向右滑動
                return YES;
            }
        }
        
    }
    return NO;
}

// 如果是全屏的左滑返回,那麼ScrollView的左滑就沒用了,返回NO,讓ScrollView的左滑失效
// 不寫此方法的話,左滑時,那個ScrollView上的子視圖也會跟着左滑的
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {

    if ([self isPanBackAction:gestureRecognizer]) {
        return NO;
    }
    return YES;

}


@end

   

原文鏈接 :https://www.jianshu.com/p/419e3b081e5a ,

對方案1進行了改動, 改成了本文的樣子
方案2,也試了試,系統返回與Scrollview的左滑衝突還是比較大的,左滑時,很可能只是想看上一頁,但是卻pop回去了.  不太推薦

 


 

發佈了91 篇原創文章 · 獲贊 31 · 訪問量 22萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章