一行代碼，讓你的應用中UIScrollView的滑動與側滑返回並存

側滑返回是iOS系統的一個很貼心的功能，特別是在大屏手機上，單手操做的時候去按左上角的返回鍵特別不方便。當我在使用一個APP的時候，若是控制器不能側滑返回，我會以爲這個APP十分不友好...這款產品在我心中的印象分也會有所下降...

側滑返回自己是系統自帶的效果，無須開發者處理的。可是，一旦給控制器加了leftBarButtonItem，系統側滑手勢竟然失效了（蘋果你這樣真的好嗎...），要從新支持側滑返回，能夠作如下處理：

 

1、讓應用支持側滑返回

 

1. 導入FDFullscreenPopGesture庫，pod安裝一下便可，安裝後無須再加任何代碼，應用全部頁面都將支持全屏側滑。github地址：https://github.com/forkingdog/FDFullscreenPopGesture 。

若是你或者大家產品不喜歡全屏側滑，仍是喜歡在屏幕左邊緣處才觸發側滑，那能夠看看第二種方式：

2. 寫一個UINavigationController的子類，設置導航控制器的代理爲本身，實現下面這個代理方法：

- (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewController animated:(BOOL)animated {
    // 讓系統的側滑返回生效
    self.interactivePopGestureRecognizer.enabled = YES;
    if (viewController == self.viewControllers[0]) {
        self.interactivePopGestureRecognizer.delegate = self.popDelegate;  // 不支持側滑
    } else {
        self.interactivePopGestureRecognizer.delegate = nil; // 支持側滑
    }
}

在viewDidLoad方法中，給popDelegate賦值： self.popDelegate = self.interactivePopGestureRecognizer.delegate 。這樣操做後，即便給控制器加了leftBarButtonItem，系統的側滑返回也能生效了。

固然，我所使用的絕大部分APP，都能有側滑返回的效果，想必上面的內容你們都是掌握的~ 不過有一款APP，我想要指出一下：《自如》...你爲何不支持側滑返回...你對得起大家的60萬自如客嗎...

 

2、怎麼讓UIScrollView和側滑返回並存？

 

對側滑返回的基礎介紹完畢，接下來是本文的重點咯：

你們在開發中必定遇到過這個問題，若是界面中有一個能夠水平滑動的UIScrollView，那麼系統側滑返回又失效了...由於你在屏幕左邊緣側滑的時候，作出響應的是UIScrollView，事件並無傳遞到UINavigationController的view，因此也就沒有了側滑返回。這種狀況該怎麼處理呢？咱們先來看看別的應用是怎麼處理的：

阿里系：《淘寶》、《支付寶》、《菜鳥裹裹》。我手機上裝的三個阿里系APP都沒有處理這種狀況，在其地圖頁面側滑返回均失效了...

新美大：很遺憾，《美團》和《大衆點評》也陣亡了...

騰訊系：《QQ》陣亡，而《微信》...成爲我發現的第一個對這種狀況作出很好處理的應用。在微信訂閱號圖文閱讀界面的圖片瀏覽器、聊天界面查看共享位置的地圖界面，均支持側滑返回，又不影響界面自己的滑動，給微信點贊~

此外，在寫這篇博文的時候，我還測試了幾個APP，其中《鏈家》和《鏈家上海》也對這種狀況作了很好的處理，點贊~

比較奇怪的是，鏈家上海和鏈家的圖片選擇器用的不是同一個，鏈家上海在聊天頁面用的圖片選擇器是我寫的TZImagePickerController<github連接：https://github.com/banchichen/TZImagePickerController>，而鏈家不是...若是你們兩個應用都裝了的話，能夠明顯感覺到鏈家的圖片選擇器體驗明顯不如TZImagePickerController，好比圖片顯示模糊，在快速滑動時有明顯的卡頓感等，嘎嘎，理性地打個廣告...詳細介紹請見上篇博文~

 

好了，那微信和鏈家是怎麼讓UIScrollView的滑動與系統側滑並存的呢？

首先咱們打開微信，隨機點開一個聊天窗口發送位置給對方，點擊位置信息查看地圖，咱們發現當在屏幕左邊緣向左滑動時，觸發的是側滑返回，其餘狀況都觸發的是地圖的滑動。

咱們知道，側滑返回效果的觸發須要知足：(1) 滑動位置在屏幕左邊緣;（2）向右滑動;

在微信查看地圖界面，咱們發現當側滑返回手勢生效時，地圖滑動則失效。只有在側滑返回失效時，地圖纔會滑動。達到了兩個手勢並存的效果。

 

 

3、集成TZScrollViewPopGesture，一行代碼搞定

 

基於以上的思考，在參考了FDFullscreenPopGesture和數篇博客後，個人解決思路以下：

1. (1) 建立一個UIPanGestureRecognizer手勢，該手勢觸發時執行側滑返回的action，爲了使用方便，我將其寫在分類裏面，代碼以下：

- (UIPanGestureRecognizer *)tz_popGestureRecognizer {
    UIPanGestureRecognizer *pan = objc_getAssociatedObject(self, _cmd);
    if (!pan) {
        // 側滑返回手勢 手勢觸發的時候，讓target執行action
        id target = self.tz_PopDelegate;
        SEL action = NSSelectorFromString(@"handleNavigationTransition:");
        pan = [[UIPanGestureRecognizer alloc] initWithTarget:target action:action];
        pan.maximumNumberOfTouches = 1;
        pan.delegate = self;
        self.interactivePopGestureRecognizer.enabled = NO;
        objc_setAssociatedObject(self, _cmd, pan, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    }
    return pan;
}

(2) 模仿一下系統側滑返回手勢的觸發條件，給這個手勢限定合適的觸發條件（滑動位置在屏幕左邊緣+向右滑），代碼以下：

- (BOOL)gestureRecognizerShouldBegin:(UIPanGestureRecognizer *)gestureRecognizer {
    if ([[self valueForKey:@"_isTransitioning"] boolValue]) {
        return NO;
    }
    if (self.childViewControllers.count <= 1) {
        return NO;
    }
    // 側滑手勢觸發位置
    CGPoint location = [gestureRecognizer locationInView:self.view];
    CGPoint offSet = [gestureRecognizer translationInView:gestureRecognizer.view];
    BOOL ret = (0 < offSet.x && location.x <= 40);
    NSLog(@"%@ %@",NSStringFromCGPoint(location),NSStringFromCGPoint(offSet));
    return ret;
}

(3) 側滑手勢優先，側滑手勢失效時，才觸發UISrcollView的滑動

/// 只有當系統側滑手勢失敗了，纔去觸發ScrollView的滑動
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldBeRequiredToFailByGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
    return YES;
}

2. 手勢已經定義好了，接下來把它加在合適的UISrcollView上面便可，我因而給UIViewController寫了個分類，新增方法： - (void)tz_addPopGestureToView:(UIView *)view;  在須要UISrcollView滑動和系統側滑同時並存的界面中，只須要在控制器中調用這個方法便可解決：

  // scrollView須要支持側滑返回
  [self tz_addPopGestureToView:scrollView];

我在個人多個項目中測試這個分類，發現效果都十分理想，和微信、鏈家APP的效果是一致的。使用起來還算方便，一行代碼便可搞定。通過測試，TZScrollViewPopGesture和FDFullscreenPopGesture並不會衝突，二者能夠和諧共存，你們不妨一試。下面放個截個圖讓你們看看效果~

以上代碼都可在Demo中見到，更多信息詳見Demo，github地址：https://github.com/banchichen/TZScrollViewPopGesture

固然，TZScrollViewPopGesture也支持pod安裝，在podfile中加入 pod 'TZScrollViewPopGesture' 便可。

老規矩，你們以爲好的話，給一個小小的star鼓勵一下噢~

 

技術進步一小步，用戶體驗也進步一小步...有進步就好~

（順便吐槽一下支付寶等諸多應用對鍵盤類型的不良處理，明明是讓我輸入數字驗證碼，你不給我彈出數字鍵盤真的好嗎.......）

 

參考連接：

輕鬆學習之二——iOS利用Runtime自定義控制器POP手勢動畫

【8行代碼教你搞定導航控制器全屏滑動返回效果】 |那些人追的乾貨

參考代碼：

FDFullscreenPopGesture

 

今天已經10.05了，轉眼國慶變成了中秋...

再過一天，中秋就變成了週末...提早祝你們週末快樂~！