2012-09-25 27 views
12

Estoy desarrollando una aplicación de Android simple con RelativeLayout y WebView adentro.Cómo detectar un gesto de deslizamiento en la vista web

Tengo que detectar el deslizamiento de abajo hacia arriba hecho solo en el 20% de la parte izquierda de la pantalla. Entonces, cuando el usuario desliza en ese espacio de abajo hacia arriba, tengo que mostrar un cuadro de diálogo personalizado.

lo que intento es:

import android.app.Activity; 
import android.view.MotionEvent; 
import android.view.View; 

public class ActivitySwipeDetector implements View.OnTouchListener { 

    static final String logTag = "ActivitySwipeDetector"; 
    private Activity activity; 
    static final int MIN_DISTANCE = 100; 
    private float downY, upY; 

    public ActivitySwipeDetector(Activity activity){ 
     this.activity = activity; 
    } 

    public void onRightToLeftSwipe(){ 

    } 

    public void onLeftToRightSwipe(){ 

    } 

    public void onTopToBottomSwipe(){ 

    } 

    public void onBottomToTopSwipe(){ 
     System.out.println("BOTTOM TO TOP SWIPE DONE!"); 
    } 

    public boolean onTouch(View v, MotionEvent event) { 
     switch(event.getAction()){ 
     case MotionEvent.ACTION_DOWN: { 
      downY = event.getY(); 
      return true; 
     } 
     case MotionEvent.ACTION_UP: { 
      upY = event.getY(); 
      float deltaY = downY - upY; 
      if(Math.abs(deltaY) > MIN_DISTANCE){ 
       if(deltaY > 0) { this.onBottomToTopSwipe(); return true; } 
      } 
      else { 
       return false; 
      } 

      return true; 
     } 
     } 
     return false; 
    } 

} 

    layout = (RelativeLayout)this.findViewById(R.id.layout); 
    layout.setOnTouchListener(activitySwipeDetector); 

Pero no hace nada!

así que trato de crear una vista web personalizada de esta manera:

import android.content.Context; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.webkit.WebView; 

public class MyWebView extends WebView { 
    public MyWebView(Context context) { 
     super(context); 
    } 
    public MyWebView(Context context,AttributeSet set){ 
     super(context,set); 
    } 



    @Override 
    public boolean onTouchEvent(MotionEvent evt) { 

     boolean consumed = super.onTouchEvent(evt); 
     if (isClickable()) { 
      switch (evt.getAction()) { 
      case MotionEvent.ACTION_DOWN: 
       lastTouchY = evt.getY(); 
       downTime = evt.getEventTime(); 
       hasMoved = false; 
       break; 
      case MotionEvent.ACTION_MOVE: 
       hasMoved = moved(evt); 
       break; 
      case MotionEvent.ACTION_UP: 
       float actualTouchY = evt.getY(); 
       long currentTime = evt.getEventTime(); 
       float difference = Math.abs(lastTouchY - actualTouchY); 
       long time = currentTime - downTime; 

       if ((lastTouchY < actualTouchY) && (time < 220) && (difference > 100)) { 
        System.out.println("SWIPE1"); 
       } 
       if ((lastTouchY > actualTouchY) && (time < 220) && (difference > 100)) { 
        System.out.println("SWIPE2"); 
       } 
       break; 
      } 
     } 
     return consumed || isClickable(); 
    } 
    long downTime; 
    private float lastTouchY; 
    private boolean hasMoved = false; 
    private boolean moved(MotionEvent evt) { 
     return hasMoved || 
       Math.abs(evt.getY() - lastTouchY) > 10.0; 
    } 

} 

pero sin éxito !!! ¿¿alguien me puede ayudar?? ¡¡¡¡¡Gracias!!!!! :)

Respuesta

35

Utilice un GestureDetector con miras web personalizado ..

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

el detector gesto:

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; 
     } 
    } 
} 

La vista personalizada 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; 
} 
} 

Como dijo por Андрей Москвичёв:

Se puede resolver sin derivar la clase WebView, registrando touch listener: webview.setOnTouchListener(new OnTouchListener() ...) y llamando al gestureDetector.onTouchEvent(ev) desde él.

+2

mi vista web no tiene el método setGestureDetector ... estoy usando Android 4.0 ... – JackTurky

+1

lo siento, olvidé de agregar la vista web personalizada ... hace ahora – Nermeen

+0

genial !!!! elimino todo excepto el if de abajo hacia arriba (lo que necesito) y veo que si dejo webView.getScrollY()> = webView.getScale() * (webView.getContentHeight() - webView.getHeight() me da excepción, pero funciona muy bien !!!!!!! ¿puedo decirme cómo reconocer ese gesto solo en una parte de la pantalla? ¡Gracias! – JackTurky

Cuestiones relacionadas