检测用户何时向左或向右滑动以在 WKWebView 上前后移动

Posted 2023-02-23

【中文标题】检测用户何时向左或向右滑动以在 WKWebView 上前后移动

【英文标题】：Detect when user has swiped left or right to go back or forth on WKWebView

【发布时间】：2016-05-16 10:36:42

【问题描述】：

我正在使用 WKWebView，我允许前后导航手势：

myWkWebView.allowsBackForwardNavigationGestures = true

现在，用户有两种返回方式：按下按钮或向左滑动。行为会有所不同，所以我想知道如何知道用户何时向左/向右滑动，以便我可以处理这个问题。

我查看了 WKNavigationDelegate 参考 (https://developer.apple.com/library/ios/documentation/WebKit/Reference/WKNavigationDelegate_Ref/)，但找不到任何有用的东西。

有什么想法吗？

编辑

我忘了说我也尝试过添加滑动手势识别器，这样：

    let swipeRight = UISwipeGestureRecognizer(target: self, action: #selector(MyVC.respondToSwipeLeftOrRight(_:)))
    swipeRight.direction = UISwipeGestureRecognizerDirection.Right
    let swipeLeft = UISwipeGestureRecognizer(target: self, action: #selector(MyVC.respondToSwipeLeftOrRight(_:)))
    swipeLeft.direction = UISwipeGestureRecognizerDirection.Left
    self.view.addGestureRecognizer(swipeRight)
    self.view.addGestureRecognizer(swipeLeft)
    myWkWebView.scrollView.panGestureRecognizer.requireGestureRecognizerToFail(swipeRight)
    myWkWebView.scrollView.panGestureRecognizer.requireGestureRecognizerToFail(swipeLeft)

但是每次我向左或向右滑动时它们都不会触发。

【参考方案1】：

private var currentBackForwardItem: WKBackForwardListItem?
private func handleBackForwardWebView(navigationAction: WKNavigationAction) 
    if navigationAction.navigationType == .BackForward 
        let isBack = webView.backForwardList.backList
            .filter  $0 == currentBackForwardItem 
            .count == 0

        if isBack 

         else 

        
    

    currentBackForwardItem = webView.backForwardList.currentItem


func webView(webView: WKWebView, decidePolicyForNavigationAction navigationAction: WKNavigationAction, decisionHandler: (WKNavigationActionPolicy) -> Void) 
    handleBackForwardWebView(navigationAction)
    decisionHandler(.Allow)

【讨论】：

请注意，在具有类似 Angular 的框架的 SinglePageApplication 中，只有路由更改，并且 WKWebView 仅在发生完整页面加载时触发其功能。 ***.com/questions/47829963/… 这意味着如果您在 Angular 或 ionic 应用程序中导航，您将不会在此处获得方法调用。

【参考方案2】：

您应该可以使用手势识别器执行此操作，但如果您想在单个视图上处理多个手势识别器，则需要从 UIGestureRecognizerDelegate 实现 shouldRecognizeSimultaneouslyWithGestureRecognizer 方法：

func gestureRecognizer(gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWithGestureRecognizer otherGestureRecognizer: UIGestureRecognizer) -> Bool 
    return true

【讨论】：

嗨弗拉基米尔，谢谢你的回答，我已经实现了这个方法，手势识别器只是比WKWebView内部实现的那些“不那么敏感”

我可以假设 requireGestureRecognizerToFail 方法会导致灵敏度问题。您可以尝试删除它们，因为 shouldRecognizeSimultaneouslyWithGestureRecognizer 方法应该支持所有手势。

这个去哪儿了？在 ViewController 中？

【参考方案3】：

看到 SinglePageApplication 无法正常工作，正如 Stefan Rein 所说，我们可以通过检查 Web 视图的手势识别器来整合链接解决方案。

[self.webView addObserver:self forKeyPath:@"URL" options:NSKeyValueObservingOptionNew context:nil];
//....
- (void)observeValueForKeyPath:(NSString *)keyPath
                      ofObject:(id)object
                        change:(NSDictionary<NSKeyValueChangeKey,id> *)change
                       context:(void *)context 
  if ([keyPath isEqualToString:@"URL"])     
    for (UIGestureRecognizer *recognizer in self.webView.gestureRecognizers) 
      if ([recognizer isKindOfClass:[UIPanGestureRecognizer class]]) 
        if (((UIPanGestureRecognizer*)recognizer).state == UIGestureRecognizerStateEnded) 
          NSLog(@"Swiped!");
        
      
    
  

当然，如果您有其他手势而不是向前和向后的两个手势，那么您可能需要进行更多检查。