2013-05-06 71 views
0

我有一个页面,其第一部分包含动画。当用户滑动时,动画将会出现并显示一个web视图。在向上滑动时,网页视图将会出现,并且动画再次出现。由于webview消耗了触摸,我重写了webview touch并将其传递给了gesturedetector对象。但我真正想要的是在webview和gesturedetector之间切换控件。现在,手势检测器的工作原理或Web视图的工作原理,但它并不一起工作。任何帮助?带有滑动手势的WebView

这就是我现在所做的:

webView.setOnTouchListener(new View.OnTouchListener() { 

     @Override 
     public boolean onTouch(View v, MotionEvent event) { 
      // TODO Auto-generated method stub 

      return gestureDetector.onTouchEvent(event); 
      // return false; 

     } 
    }); 

姿态探测器处理动画和网页视图之间的重击:

gestureDetector = new GestureDetector(getActivity(), 
      new GestureDetector.SimpleOnGestureListener() { 
       /* Function to pause the video on tap */ 
       @Override 
       public boolean onSingleTapConfirmed(MotionEvent e) { 
        /* On Touch event pressed play and pause the videoplayer */ 
        return true; 
       } 

       /* 
       * OnDown() has to return true for the fling methof to take 
       * place 
       */ 
       @Override 
       public boolean onDown(MotionEvent e) { 
        return true; 
       } 

       @Override 
       public boolean onFling(MotionEvent e1, MotionEvent e2, 
         float velocityX, float velocityY) { 

回答

1

使用带有自定义Web视图GestureDetector ..

webView.setGestureDetector(new GestureDetector(new CustomeGestureDetector()));

姿态探测器

private class CustomeGestureDetector extends SimpleOnGestureListener {  
    @Override 
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { 
     if(e1 == null || e2 == null) return false; 
     if(e1.getPointerCount() > 1 || e2.getPointerCount() > 1) return false; 
     else { 
      try { // right to left swipe .. go to next page 
       if(e1.getX() - e2.getX() > 100 && Math.abs(velocityX) > 800) { 
        //do your stuff 
        return true; 
       } //left to right swipe .. go to prev page 
       else if (e2.getX() - e1.getX() > 100 && Math.abs(velocityX) > 800) { 
        //do your stuff 
        return true; 
       } //bottom to top, go to next document 
       else if(e1.getY() - e2.getY() > 100 && Math.abs(velocityY) > 800 
         && webView.getScrollY() >= webView.getScale() * (webView.getContentHeight() - webView.getHeight())) { 
        //do your stuff 
        return true; 
       } //top to bottom, go to prev document 
       else if (e2.getY() - e1.getY() > 100 && Math.abs(velocityY) > 800) { 
        //do your stuff 
        return true; 
       } 
      } catch (Exception e) { // nothing 
      } 
      return false; 
     } 
    } 
} 

自定义Web视图

public final class CustomWebView extends WebView { 

private GestureDetector gestureDetector; 

/** 
* @param context 
* @param attrs 
* @param defStyle 
*/ 
public CustomWebView(Context context) { 
    super(context); 
} 

/** 
* @param context 
* @param attrs 
* @param defStyle 
*/ 
public CustomWebView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
} 

/** 
* @param context 
* @param attrs 
* @param defStyle 
*/ 
public CustomWebView(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
} 

/* 
* @see android.webkit.WebView#onScrollChanged(int, int, int, int) 
*/ 
@Override 
protected void onScrollChanged(int l, int t, int oldl, int oldt) { 
    super.onScrollChanged(l, t, oldl, oldt); 
} 

/* 
* @see android.webkit.WebView#onTouchEvent(android.view.MotionEvent) 
*/ 
@Override 
public boolean onTouchEvent(MotionEvent ev) { 
    return gestureDetector.onTouchEvent(ev) || super.onTouchEvent(ev); 
} 

public void setGestureDetector(GestureDetector gestureDetector) { 
    this.gestureDetector = gestureDetector; 
} 
} 
+0

感谢您的回答。我见过这个例子。滑动工作,但控制不来webview。有什么条件我必须检查? – 2013-05-06 05:45:55

+0

webview.getSettings()。setBuiltInZoomControls(true); – 2013-05-06 05:47:57

+0

我不想要缩放控件。我只想将滑动事件发送到手势检测器,以便在onfling()方法内处理它。 – 2013-05-06 07:14:40