【问题标题】:Android left/right swipe gesture in WebView activity (with clicking on links and vertical scrolling)WebView活动中的Android左/右滑动手势(点击链接和垂直滚动)
【发布时间】:2014-03-01 04:02:56
【问题描述】:

已解决,解决方案在下面。

我想将 webview 中的导航按钮替换为 2 个滑动手势 - 左右滑动。这个Android: How to handle right to left swipe gestures 链接确实帮助了我,但我遇到了问题 - 实现此代码后,我无法单击链接/或滚动浏览 webview 活动中加载的网页(我使用了可能答案中的第一个答案)。

然后我发现在这个问题的另一个答案中是类似的 - 如何在列表视图中滚动 - https://stackoverflow.com/a/20005481/3272449,但我无法让它运行。在 logcat 我得到这个调试信息: http://s27.postimg.org/5qfipgi1v/message.png

这是我的 OnSwipeTouchListener:

import android.view.GestureDetector;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;

public class OnSwipeTouchListener implements OnTouchListener {

private final GestureDetector gestureDetector = new GestureDetector(new GestureListener());

public boolean onTouch(final View view, final MotionEvent motionEvent) {
    return gestureDetector.onTouchEvent(motionEvent);
}

private final class GestureListener extends SimpleOnGestureListener {

    private static final int SWIPE_THRESHOLD = 100;
    private static final int SWIPE_VELOCITY_THRESHOLD = 100;

    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        boolean result = false;
        try {
            float diffY = e2.getY() - e1.getY();
            float diffX = e2.getX() - e1.getX();
            if (Math.abs(diffX) > Math.abs(diffY)) {
                if (Math.abs(diffX) > SWIPE_THRESHOLD && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD) {
                    if (diffX > 0) {
                        onSwipeRight();
                    } else {
                        onSwipeLeft();
                    }
                }
            }
        } catch (Exception exception) {
            exception.printStackTrace();
        }
        return result;
    }
}

public void onSwipeRight() {
}

public void onSwipeLeft() {
}

public GestureDetector getGestureDetector(){
    return  gestureDetector;
}
}

还有我的 webview 活动(已剥离):

public class WebViewActivity extends Activity {
private WebView browser;
    private OnSwipeTouchListener onSwipeTouchListener;
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.webview);
            onSwipeTouchListener = new OnSwipeTouchListener() {
public void onSwipeRight() {
    Toast.makeText(WebViewActivity.this, "right", Toast.LENGTH_SHORT).show();
}
public void onSwipeLeft() {
    Toast.makeText(WebViewActivity.this, "left", Toast.LENGTH_SHORT).show();
}
};

browser.setOnTouchListener(onSwipeTouchListener);
} // end of onCreate
@Override
public boolean dispatchTouchEvent(MotionEvent ev){
    onSwipeTouchListener.getGestureDetector().onTouchEvent(ev); 
        return super.dispatchTouchEvent(ev);   
}
} // end of WebViewActivity

如何让左右滑动、垂直滚动和点击链接同时工作?

解决方案:同样已解决的问题: Fling Gesture and Webview in Android

【问题讨论】:

    标签: android webview swipe gesture


    【解决方案1】:

    我对@9​​87654322@ 不够熟悉,无法可靠地诊断您的问题。您可以尝试的一件事是克隆事件:

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev){
        onSwipeTouchListener.getGestureDetector().onTouchEvent(MotionEvent.obtain(ev)); 
        return super.dispatchTouchEvent(ev);   
    }
    

    解决此问题的另一种方法是使用onOverScrolled 而不是GestureDetector

    @Override
    protected void onOverScrolled (int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
        if (scrollX > (getWidth() + THRESHOLD) && clampedX) {
            onSwipeLeft();
        }
        if (scrollX < - THRESHOLD && clampedX) {
            onSwipeRight();
        }
        super.onOverScrolled(scrollX, scrollY, clampedX, clampedY);
    }
    

    这确实假设您的内容通常不能横向滚动。

    【讨论】:

    • 添加 MotionEvent.obtain(ev) 并没有改变任何东西,仍然没有垂直滚动,调试输出和以前一样。覆盖 onOverScrolled 不起作用,因为这需要横向滚动。如果我不滚动到一边,那么 scrollX 仍然为零并且不会发生 onSwipeLeft/Right。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-23
    • 2015-07-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多